Angular.js路由实现
2020-06-04 07:44
357 查看
需要注册ngRoute服务 引入相关JS文件
var myapp = angular.module(‘test’,[‘ngRoute’,‘ngAnimate’,‘testControls’,‘myService’]);
myapp.controller(‘index’, [ ‘scope′,′scope', 'scope′,′http’, ‘location′,′myService1′]);myapp.config(function(location', 'myService1']);
myapp.config(function(location′,′myService1′]);myapp.config(function(routeProvider){
$routeProvider
.when(’/b’,{
templateUrl:‘b.html’,
controller:‘b’
})
.when(’/a’,{
templateUrl:‘a.html’,
controller:‘a’
})
.otherwise({
redirectTo:‘c’
})
});
var app = angular.module(‘testControls’,[]);//申明自定义模块
相关文章推荐
- angularjs+路由 实现用户列表
- angular ,require.js, angular-async-loader实现单页面路由,控制器js文件分离
- angularJS/路由实现增删改查
- angular.js之路由实现
- 【angular】angualr中实现js跳转路由
- 第26篇:AngularJS+ui-router实现一个超简单的登陆和跳转的二级路由demo
- Angular实现多标签页效果(路由重用)
- Angular开启html5模式实现去除路由上的#号
- Angularjs material 实现搜索框功能
- 原生 js 实现一个前端路由 router
- 阿里巴巴校招2017前端笔试题目 -- 原生js/html5 实现一个路由
- ionic+AngularJs项目中实现三级联动效果,筛选省份、城市、区县
- js实现自定义路由
- Angular.js与Bootstrap相结合实现表格分页代码
- Maven + Spring MVC+Mybatis + MySQL +AngularJS + Bootstrap 实现简单微博应用(三)前后台交互
- vue.js通过路由实现经典的三栏布局实例代码
- 利用基于angularjs的angular-file-upload.min.js控件实现上传文件
- AngularJS ui-router (嵌套路由)
- angular.js实现列表orderby排序
- angular.js的路由和模板在asp.net mvc 中的使用