angularjs – Angular 1.5路由示例
发布时间:2020-12-17 10:34:12 所属栏目:安全 来源:网络整理
导读:我试图找到一个使用$route的角度1.5路由示例.如果我使用比创建代码示例更高的角度版本,我已经看过JSFiddle示例.我找不到1.2以上的工作.理想情况下,我需要一个AngularJS 1.5的工作示例. 我已经尝试了this例子: var app = angular.module( "myApp",[] );app.c
我试图找到一个使用$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 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- 我用vs2005写了一个webservice用来查询sql2005数据库中表值
- Bootstrap css在navbar navbar-fixed-top下面隐藏容器部分
- angularjs – 在ng-repeat中添加ng-click函数的参数似乎不工
- Bootstrap 徽章(Badges)
- twitter-bootstrap – 一起使用Bootstrap Typeahead和Twitt
- 利用resteasy框架构建rest webservice----第五波:java代码
- bootstrap属性
- webservice用户调用验证
- dependency-injection – angular2中服务的生命周期方法
- 使用Play2.4和scala的Google Guice的循环依赖性错误