路由在AngularJS中不能正常工作
routing not working properly in AngularJS
我在AngularJS中尝试路由。当我点击'li' 2,我想显示的内容secondscreen .html.以下是我的代码。我不知道哪里出了问题。有人能告诉我我错过了什么吗?
AngularJS文件:app.js
var sampleApp = angular.module("sampleApp",['ngRoute','ngResource']);
sampleApp.config(function($routeProvider){
$routeProvider.when('/',{
templateUrl : '/templates/firstScreen.html',
controller : 'mainController'
})
.when('/secondScreen',{
templateUrl : '/templates/secondScreen.html',
controller : 'mainController'
})
.when('/thirdScreen',{
templateUrl : '/templates/thirdScreen.html',
controller : 'mainController'
})
.otherwise({redirectTo : '/'});
});
sampleApp.controller("mainController",["$scope","$log","$resource","$location",function($scope,$log,$resource,$location){
$scope.tabValue = 1;
$scope.statesAndCapitals = [{state:'Maharashtra',capital:'Mumbai'},{state:'Goa',capital:'Panji'}]
$scope.contacts = [{name:"Steve Jose",mobile : "9872314642",address : "Nasik"}];
$scope.submit = function(tab){
$scope.tabValue = tab;
if(tab==1){
$location.path = '/';
$log.log("changed path to 1");
}
else if(tab==2){
$location.path = '#/secondScreen';
$log.log("changed path to 2");
}
else if(tab==3){
$location.path = '#/thirdScreen';
$log.log("changed path to 3");
}
}
$scope.saveContact = function(){
};
}]);
HTML内容:
<body>
<div ng-controller="mainController">
<ul>
<li ng-click="submit(1)" ng-class="{'btn btn-primary' : tabValue==1,'btn btn-default' : tabValue!=1}">Find Capitals</li>
<li ng-click="submit(2)" ng-class="{'btn btn-primary' : tabValue==2,'btn btn-default' : tabValue!=2}">Add Contact</li>
<li ng-click="submit(3)" ng-class="{'btn btn-primary' : tabValue==3,'btn btn-default' : tabValue!=3}">Show Contacts</li>
</ul>
</div>
<div ng-view></div>
</body>
我正在获得更改$location.path后的日志。但是它没有被显示。
这是我的secondscreen。html:<div class="container-fluid">
<form ng-submit="saveContact()">
Name : <input type="text"><br/><br/>
Age : <input type="number" min=1 max=150><br/><br/>
Gender :
<input type="radio" ng-model="gender" ng-value="Male">Male<br/>
<input type="radio" ng-model="gender" value="Female">Female<br/>
<input type="submit" value="Submit"/>
</form>
use $location.path('/');
$location.path="/"
看到文档
相关文章:
- Javascript:selenium Web驱动程序isDisplayed()不工作
- jQuery UI自动完成突然停止工作
- AngularJS UI路由器不能像ng路由器那样工作
- HTML5音频加载和播放获胜'我不能在iPad上工作
- JavaScript打印功能使日历停止工作
- Javascript.getHours()工作不正常
- 为什么这在IE中的工作方式与在Firefox中不同
- 视频HTML没有'无法在Internet Explorer 11上工作
- 扩展移相器按钮类不工作
- Firebase迁移-简单的Firebase.set没有'不再工作了——旧的还是新的
- 谷歌地图不是以HTML显示,而是在JS Fiddle上工作
- 正在尝试使用if和else添加类,但无法正常工作
- Jquery FadeIn FadeOut 只工作一次
- Foreach无法在Typescript中工作
- 另一个ajax调用中的Jquery ajax调用在for循环中没有按预期工作
- 为什么不是't窗口.恢复正常工作吗?(javascript/jquery)
- JS可以在Chrome中工作,但不能在Firefox中工作
- 最大高度转换不;不工作,工作缓慢
- Gulp-rev:不是第一次工作,而是在第一次工作之后工作
- JQuery - Ajax: encodeUriComponent不工作(EncodeUri工作)