angular 1.6路由

angular.js 1.6版本；
1.实例化：
var app = angular.module('app',[]).controller('myapp',['$scope',function ($scope){}]);

2-1.原生路由:

<a href="#/home"></a>
<div ng-view></div>
1> 注入var app = angular.module('app',[ngRouter])
2> 配置app.config(['$routerProvider','$locationProvider',function($routerProvider,$locationProvider){
$locationProvider.hashPrefix('');//1.6版本变化；
$routerProvider
.when('/index'{
templateUrl:"./index.html",
controller:"con"
})
.otherwise({redirectTo:"/index"});
}])

2-2.ui-router

ng-view => ui-view
<a href="#/home"></a>
<div ui-view></div>
1> 模块注入:
var app = angular.module('app',['ui.router']);
2> 配置路由
app.config(['$stateProvider','$locationProvider','$urlRouterProvider',function($stateProvider,$locationProvider,$urlRouterProvider){
$locationProvider.hashPrefix('');
$urlRouterProvider.otherwise('/index');
$stateProvider.state('home',{
url:"/home",
templateUrl:"./home.html",
controller:function(){}
})
}])
3.过滤器
app.filter('test',function(){
return function(input){
//code...
}
})

转载于:https://www.cnblogs.com/ade-Java/p/6523862.html