首页 > Web开发 > 详细

angular与requireJs构建项目

时间:2016-06-27 19:39:01      阅读:241      评论:0      收藏:0      [点我收藏+]

1.angular模块依赖

angular可以把代码分成若干模块,然后一个模块可以依赖在模块,使用子模块的功能。被依赖的模块需要在本模块之前被加载。如下所示,app模块依赖Module1和Module2模块。

var app = angular.module("app",[Module1,Module2]);

2.requireJs

能够使应用异步按需加载模块,管理模块的依赖性。子模块加载完成后,本模块再加载,并且子模块的加载是异步的。

3.按需加载

使用单页面开发时,应用启动时,主模块所依赖的子模块都要预先加载完。使用angular与requireJs共同构建项目,可以实现模块按需加载,提高网页响应速度。

require([‘/nameFilter‘,‘/Paging‘],function(nameFtl,ngPaging){
    var app = angular.module("User",[‘nameFtl‘,‘ngPaging‘]);
    app.controller(‘UserCtrl‘,[$scope,function($scope){
     ....
    }]
});

//启动angular
angular.bootstrap(document,["User"]);
<div ng-controller="UserCtr">
     <lable ng-bind="id | nameFilter"></lable>
</div>
<paging num="pageNum">
</paging>

 

angular与requireJs构建项目

原文:http://www.cnblogs.com/fe-huahai/p/5620833.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!