其实说成使用requirejs加载angularjs应用会更贴切一些

<body>

    <span ng-controller="homeController">{{resultValue.Msg}}</span>  

    <script src="js/lib/require.js" data-main="js/main"></script>

</body>

###只不过需要手动启动angularjs，同时所有的模块由requirejs来组织并确定依赖关系，这样就能实现按需加载了
```js
/**
* main.js
* 这个文件完成的事情简单来说就是：载入所有文件，然后在document上运行Angular并将ng-app属性设置为’app’。
* 这些文件因为是由RequireJS异步载入，因此我们需要来“手动启动”Angular应用。
*
* */

require.config({

paths: {

//库文件

//"responsive": "lib/responsive-nav",

"angular": "lib/angular",

"bootstrap": "lib/bootstrap.min",

"angularRoute": "lib/angular-route",

"angularResource": "lib/angular-resource",

//"ui-bootstrap": "lib/ui-bootstrap-tpls-0.11.0.min",

//"phprpc": "lib/phprpc_client",

"jquery": "lib/jquery.min"

},

shim: {

angular: {

exports: "angular"

},

angularRoute: {

deps: ["angular"]

},

angularResource: {

deps: ['angular']

}

},

urlArgs: "bust=" + (new Date()).getTime() //防止读取缓存，调试用

});

//手动启动ng

define(["routes"], function () {

//使用bootstrap方法启动Angular应用

angular.bootstrap(document, ["app"]);

});



```js

/**

 * routes.js

 */  

define([

    "app"

], function (app) {  

    //app是Angular应用对象

    app.config(['$routeProvider',

        function ($routeProvider) {  

            $routeProvider

                .when('/search', {

                    templateUrl: 'template/search.html',

                    controller: 'SearchCtrl'

                })

                .otherwise({ redirectTo: '/LmpSumQut' });  

        }]);  

})

###其他的模块代码略了，看参考链接:
http://blog.csdn.net/yo548720570/article/details/41047309
http://www.open-open.com/lib/view/open1413189699875.html
https://segmentfault.com/a/1190000000492238
http://www.cnblogs.com/kenkofox/p/4643760.html
http://www.tuicool.com/articles/J3INv2Z
http://blog.163.com/liuyong_xiaxia/blog/static/17435525520156341446981/

angularjs集成requirejs的更多相关文章

  1. AngularJS与RequireJS集成方案

    关于angularjs.requirejs的基础知识请自行学习 一.简单事例的项目目录如下: -index.html -scripts文件夹 --controller文件夹 --- mianContr ...

  2. 基于angularJS和requireJS的前端架构

    1.概要描述 1.1.angularJS描述:angularJS是可以用来构建WEB应用的,WEB应用中的一种端对端的完整解决方案.通过开发者呈现一个更高层次的抽象来简化应用的开发.最适合的就是用它来 ...

  3. Integrating AngularJS with RequireJS

    Integrating AngularJS with RequireJS When I first started developing with AngularJS keeping my contr ...

  4. AngularJS - 使用RequireJS还是Browserify？

    http://www.html-js.com/article/2126 AngularJS - 使用RequireJS还是Browserify? AngularJS之所以吸引了很多开发者的关注,很大一 ...

  5. AngularJS + ui-router + RequireJS异步加载注册controller／directive／filter／service

    一般情况下我们会将项目所用到的controller/directive/filter/sercive预先加载完再初始化AngularJS模块,但是当项目比较复杂的情况下,应该是打开对应的界面才加载对应 ...

  6. angularjs backbone 集成requirejs 模块化

    首先认识requirejs requirejs是个包加载器,核心功能是模块化管理,可以实现按需加载. 重点是明白 模块化不是按需加载. 模块化的意义: 是通过代码逻辑表明模块之间的依赖关系和执行顺序, ...

  7. AngularJS结合RequireJS做文件合并压缩的那些坑

    我在项目使用了AngularJS框架,用RequireJS做异步模块加载(AMD),在做文件合并压缩时,遇到了一些坑,有些只是解决了,但不明白原因. 那些坑 1. build.js里面的paths必须 ...

  8. Angularjs集成第三方js插件之Uploadify

    有时候需要用一些第三方插件,比如datepicker,slider,或者tree等.以前的做法是直接通过jquery取得某个元素,然后调用某个方法即可.但在angularjs中,不能直接这么写,必须写 ...

  9. angularJS和requireJS和angularAMD

    最近因为要用到angularJS开发项目,因为涉及到的静态资源比较多,所以想把js文件通过requireJS来按需加载,这两个框架以前都使用过,但是结合到一起还没有用过,那就试一下,看能否达到目的. ...

随机推荐

  1. NodeJs之pm2

    pm2 pm2是一个进程管理工具,可以用它来管理你的node进程,并查看node进程的状态,当然也支持性能监控,进程守护,负载均衡等功能. 开发过程中建议时不时的参看官方详细命令行使用:命令行 pm2 ...

  2. Hibernatel框架关联映射

    Hibernatel框架关联映射 Hibernate程序执行流程: 1.集合映射 需求:网络购物时,用户购买商品,填写地址 每个用户会有不确定的地址数目,或者只有一个或者有很多.这个时候不能把每条地址 ...

  3. OpenCASCADE Job - dimue

  4. 学习ASP.NET Core, 怎能不了解请求处理管道[5]: 中间件注册可以除了可以使用Startup之外，还可以选择StartupFilter

    中间件的注册除了可以借助Startup对象(DelegateStartup或者ConventionBasedStartup)来完成之外,也可以利用另一个叫做StartupFilter的对象来实现.所谓 ...

  5. [OpenGL超级宝典]专栏前言

    我小时候的梦想呢,是做宇航员或者科学家或者是做一款属于自己的游戏,后来前面两个梦想都没有实现,于是我就来实现我的第三个梦想了,,,我呢,也算是零基础,因为我的专业是物联网工程,这个专业覆盖面之广,简直 ...

  6. 分布式系列文章——从ACID到CAP/BASE

    事务 事务的定义: 事务(Transaction)是由一系列对系统中数据进行访问与更新的操作所组成的一个程序执行逻辑单元(Unit),狭义上的事务特指数据库事务. 事务的作用: 当多个应用程序并发访问 ...

  7. [内核笔记1]内核文件结构与缓存——inode和对应描述

    由来:公司内部外网记录日志的方式现在都是通过Nginx模块收到数据发送到系统消息队列,然后由另外一个进程来从消息队列读取然后写回磁盘这样的操作,尽量的减少Nginx的阻塞. 但是由于System/V消 ...

  8. css3线条围绕跑马+jquery打字机效果

    原文地址:css3线条围绕跑马+jquery打字机效果 有图有真相,今天偶然看到了一种效果,仔细看了下,发现它是用css的clip+css3的动画实现的,简直叼.于是自己拿来了前一阵子写的打字机效果, ...

  9. Python学习实践------正向最大匹配中文分词

    正向最大匹配分词: 1.加载词典文件到集合中,取词典文件中最大长度词的length 2.每次先在句子中按最大长度分割,然后判断分割的词是否存在字典中,存在则记录此词,调整起始点. 3.不存在则按最大长 ...

  10. Princeton Algorithms week3 Assignment

    这周编程作业是实现检测点共线的算法.和排序算法有关系的地方在于,对斜率排序后可以很快的检测出来哪些点是共线的,另外这个算法的瓶颈也在于排序的性能. 一点收获: java传参数时传递的是值,这很多人都知 ...