发表于: 2017-05-05 17:57:05

1 890


今天完成的事: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不同版本功能上少许不同。。



返回列表 返回列表
评论

    分享到