ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
angular 路由 router ##如果要使用路由,那么需要下载 angular router 的对应包 npm install angular-router <script src="angular-router.js"></script> ##配置 router var app = angular.module('myapp',['ngRouter']); app.config(['$routerProvider',function($routerProvider){ $routerProvider.when('/a',{ controller: 'AController', templateUrl:‘./view/a.html’ }).when('/b',{ controller: 'BController', templateUrl:‘./view/b.html’ }) }]) var app = angular.module('myapp',['ngRouter']); 在 我们的模块中添加 router 的依赖 app.config() 是angular 自身拥有的方法, 用来配置模块的信息 when 方法 来配置 router 在不同情况下调用对应的 视图 和 控制器 ##另类视图 我们可以使用script 标签的形式 插入我们所要使用的视图 <script type=“text/ng-template” id='scriptTemplate'> //代码 ~ </script> 注意使用script 标签插入 模板时 script的type类型 必须为“text/ng-template” 使用时 将 templateUrl 设置为 script标签的id值即可 ## 路由范围设置 在设置when(‘/:hash’{})时, :hash 就是我们可以获取到的地址, 在控制器做匹配时 var app = angular.module('myapp.A',['ngRoute']); app.controller('AController',['$routeParams','$scope',function($scope,$routeParams){ $routeParams.hash }])