发表于: 2017-05-05 17:57:05
1 889
今天完成的事:1,路由搭好了
var app=angular.module("myApp",["ngRoute"]);
app.config(['$routeProvider', function($routeProvider){
$routeProvider
.when('/',{templateUrl:"login.html",
controller:'myCrol'})
.when('/two',{templateUrl:"two.html"})
.when('/three',{templateUrl:"three.html"})
.when('/four',{templateUrl:"four.html"})
}]);
可以实现在4个页面中单页面跳转,
遇到了这样的问题
<a href="#/2">Index2</a> 点击之后,发现浏览器地址变为“#%22”,“/"变”%2F”导致路由不能跳转了,这是AngularJs自1.6版本后对地址做了特别处理
于是找到了;两个解决方法
a,在#前加个!
<a href="#!/2">Add Quote</a>
b,在Angular中声明用回旧有方式即可
appModule.config(['$locationProvider', function($locationProvider) {
$locationProvider.hashPrefix('');
}]);
明天计划的事:开始编写列表页静态页面,学习angular $http服务的用法
遇到的问题:就是上面写的那个
收获:对angular路由有了了解,angularjs不同版本功能上少许不同。。
评论