mvc 路由 .html,路由控制.html

路由控制

• 这是a视图
• 这是b视图
• 这是c视图

{{title}}

//angular模块

(function (angular) {

//创建模块

var app = angular.module('myapp',['ngRoute']);

//创建控制器

app.controller('AController',['$scope','$routeParams',function($scope,$routeParams){

if($routeParams.name){

$scope.title = $routeParams.name+',这是A控制器';

}

}]);

app.controller('BController',['$scope',function($scope){

$scope.title = '这是B控制器';

}]);

app.controller('CController',['$scope',function($scope){

$scope.title = '这是C控制器';

}]);

//配置路由

app.config(['$routeProvider',function($routeProvider){

$routeProvider

.when('/a/:name?',{

templateUrl:'template',

controller:'AController'

})

.when('/b',{

templateUrl:'template',

controller:'BController'

})

.when('/c',{

templateUrl:'template',

controller:'CController'

})

.otherwise({

//默认跳转到某一个页面

redirectTo:'/a'

});

}]);

})(angular);

一键复制

编辑

Web IDE

原始数据

按行查看

历史