1.问题描述:


2.代码结构:
index.html:
app.js:
require.config({
//配置路径别名
paths:{
"angular" : "/DDD3/programmingWay/lib/angular/1.4.4/angular.min",
"angularUiRouter" : "/DDD3/programmingWay/lib/ui-router/0.2.15/angular-ui-router",
"angularAMD" : "/DDD3/programmingWay/lib/angularAMD/angularAMD",
"jquery" :"/DDD3/programmingWay/lib/jquery/2.1.4/jquery-2.1.4.min"
},
//加载不支持AMD模块
shim :{
"angularUiRouter" :["angular"],
"angularAMD" :["angular"],
"jquery" :["jquery"]
},
//启动应用程序
deps: ['app']
});
define(['angularAMD','angularUiRouter','angular'],function(angularAMD){
var app = angular.module('app',['ui.router']);
app.run(function($rootScope,$state,$stateParams){
$rootScope.$state = $state;
$rootScope.$stateParams = $stateParams;
});
app.config(function($stateProvider, $urlRouterProvider,$rootScopeProvider){
$urlRouterProvider.otherwise('/home/list');
$stateProvider
.state('home', angularAMD.route({
url:'/home',
templateUrl:'/DDD3/programmingWay/pages/home/home.html'
}))
.state('home.list', angularAMD.route({
url:'/list',
views:{
'topNavigation@home':{
controllerUrl:'pages/topNavigation/topNavigation.js',
controller:'topNavigationController',
templateUrl:'pages/topNavigation/topNavigation.html',
},
'content@home' :{
controllerUrl:'pages/scroll/scroll.js',
controller:'scrollController',
templateUrl:'pages/scroll/scroll.html',
}
}
}))
});
return angularAMD.bootstrap(app)
});
home.html:
topNavigation.html:
topNavigation.js:
var topNavigationApp = angular.module('topNavigationApp',[])
.controller('topNavigationController',['$scope',function($scope){
console.log(9);
}])
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
人生最曼妙的风景,竟是内心的淡定与从容!