首页 > Web开发 > 详细

AngularJS+RequireJS最小单元

时间:2016-01-19 14:25:58      阅读:93      评论:0      收藏:0      [点我收藏+]

最简单配置,RequireJS结合AngularJS:

index.html

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="UTF-8">
 5     <script type="text/javascript" src="require.js" data-main="main.js"></script>
 6 </head>
 7 <body>
 8     <div ng-controller="demoController">
 9         <label><input type="text" ng-model="results"/></label>
10         <br/>
11         <span ng-bind="results"></span>
12     </div>
13 </body>
14 </html>

main.js

require.config({
    paths:{
        "angular":"angular"
    },
    shim:{
      "angular":{
          exports: "angular"
      }
    }
});

require(["angular","app"],function(angular,app){
    angular.bootstrap(document,[‘demoApp‘]);
});

app.js

define(["angular"], function(angular){
    var app=angular.module("demoApp",[])
        .controller("demoController", function($scope){
            $scope.results="To be defined...";
        });
});

展示结果:

技术分享

AngularJS+RequireJS最小单元

原文:http://www.cnblogs.com/LinSong/p/5141843.html

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