angularJS1 路由配置
来源:互联网 发布:软件系统流程图 编辑:程序博客网 时间:2024/05/17 04:52
demo如下:
<html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" /> <!-- 这里1.6版本的引入后,跳转没反应,这个版本貌似有bug,建议用1.3版本的 <script type="text/javascript" src="js/angular.min.1.6.0.js" ></script> <script type="text/javascript" src="js/angular-route.min.1.6.0.js" ></script> --> <script type="text/javascript" src="js/angular.min.1.3.0.js"></script> <script type="text/javascript" src="js/angular-route.min.1.3.0.js"></script> </head> <body ng-app="myapp" class="ng-scope"> <div> <div id="navigation"> <a href="#/a">a.html</a> <br /> <a href="#/b">b.html</a> </div> <div ng-view> </div> </div> </body> <script type="text/javascript"> angular.module('myapp', ['ngRoute']) .controller('a_Controller', function($scope, $route) { //此处的controller是跳转到a.html界面的controller $scope.$route = $route; }) .controller('b_Controller', function($scope, $route) { //此处的controller是跳转到b.html界面的controller $scope.$route = $route; }) .config(function($routeProvider) { $routeProvider. when('/a', { templateUrl: 'a.html', controller: 'a_Controller' //a.html界面中要用此controller }). when('/b', { templateUrl: 'b.html', controller: 'b_Controller' //b.html界面中要用此controller }). otherwise({ redirectTo: '/a' }); }); </script></html>
0 0
- angularJS1 路由配置
- angularJS1 路由隐藏tab
- AngularJS1.X学习笔记13-路由
- AngularJS1.6版本中ui-router路由中/#!/的解决方法
- 配置路由
- 路由配置
- 路由配置
- 路由配置
- ----------配置路由--------------
- 路由配置
- 路由配置
- angularjs1.*返回跳转到上一页代码配置
- AngularJs1 待续
- AngularJS1.4.6
- 交换机路由协议配置
- 策略路由配置举例
- 用linux配置路由
- 配置ADSL路由模式
- 屏蔽开机的android_kernel_log信息---->lk.bin
- java知识总结(二)类和对象
- mysql各种方法(ALL)
- windows下git操作(二)
- c++-const_cast 使用
- angularJS1 路由配置
- iframe的几个常见问题
- eclipseJDK/JRE设置
- js的转义
- windows 下redis学习之redis的安装下载
- oc 计算代码行数
- 安装Microsoft Visual Studio2013时点击vs_ultimate.exe没反应
- Virtual Environment用法详解
- 转载一张多表查询的图.....