专栏名称: 前端JavaScript
分享 | 学习 | 交流 | 原创 分享是学习的开始;学习不必要从头开始,是从现在开始;交流能沟通你我,提高你的学识;期待你的加入!!! web前端技术交流,JavaScript,HTML5,CSS3……
目录
相关文章推荐
51好读  ›  专栏  ›  前端JavaScript

[S3-E439]Angular AMD 快速入门

前端JavaScript  · 公众号  · Javascript  · 2017-10-24 06:48

正文

请到「今天看啥」查看全文


urlArgs:  'v=' + (new Date()).getTime() + Math.random() * 10000,

paths: {

'angular': './lib/angular.min',

'angular-route': './lib/angular-route',

'angularAMD': './lib/angularAMD.min',

'ngload' : './lib/' + 'ngload.min',

'ng-progress': './lib/ngprogress.min',

'vued.cat': './directive/cat',

},

shim: {

'angularAMD': ['angular'],

'angular-route': ['angular'],

'ng-progress': ['angular'],

},

deps: ['app']

});


启动 AngularJS


当所有的组件依赖项全部被定义完成,那么app.js作为 Angular 项目的入口文件,将开始执行启动程序.


define(['angularAMD'], function (angularAMD) {

var app = angular.module(app_name, ['webapp']);

... // Setup app here. E.g.: run .config with $routeProvider

return angularAMD.bootstrap(app);

});

如果引导程序被触发,那么原有 ng-app就不应该被放置在 HTML中. angularAMD.bootstrap(app)将会取代程序启动。


配置路由

通过使用 angularAMD.route 我们可以动态配置所需要加载的 controllers;







请到「今天看啥」查看全文