我试图找到一个使用$route的角度1.5路由示例.如果我使用比创建代码示例更高的角度版本,我已经看过JSFiddle示例.我找不到1.2以上的工作.理想情况下,我需要一个AngularJS 1.5的工作示例.
我已经尝试了this例子：
var app = angular.module( "myApp",[] );
app.config( function ( $routeProvider ) {
$routeProvider
.when( '/this',{ templateUrl: 'this.html' } )
.when( '/that',{ templateUrl: 'that.html' } )
.when( '/other',{ templateUrl: 'other.html' } )
.otherwise( { redirectTo: '/this' } );
});
app.controller( 'MainCtrl',function ( $scope ) {
});
哪个失败了1.2(并且可能是上面的).
当AngularJS 1.2发布时,ngRoute已被移入其自己的模块中.这意味着您需要包含一个单独的文件以使路由工作在上面并且等于AngularJS 1.2.这意味着要做的第一件事就是包含angular-route.js文件,就像包含任何其他脚本一样
<script src="angular-route.js">
其次,包括对您的app模块的依赖.
var myApp = angular.module('myApp',['ngRoute','otherModule']);
最后,您可以像在上面的代码中那样配置$routeProvider：
app.config(function($routeProvider){
$routeProvider
.when('/',{
template: '<h1>Work</h1><a href="#/test">Test Route</a>'
})
.when('/test',{
template: '<h1>Test</h1><a href="#/">Back</a>'
})
.otherwise({
template: '<h1>Not Found</h1>'
});
});
这就是路由背后的整体设置魔力.这是一个工作example.
编辑1：
如果您正在使用凉亭,您可以获得具有以下内容的模块：
bower install angular-route
