AngularJS+RequireJS最小单元

最简单配置，RequireJS结合AngularJS:

index.html

 1 <!DOCTYPE html> 2 <html> 3 <head> 4   <meta charset="UTF-8"> 5   <script type="text/javascript" src='/images/loading.gif' data-original="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最小单元

关键词：JS

*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们： admin#shaoqun.com （#换成@）。

人民日报头版：https://www.goluckyvip.com/tag/12566.html
跨境电试验区：https://www.goluckyvip.com/tag/12567.html
视频编辑软件：https://www.goluckyvip.com/tag/12568.html
航班影响：https://www.goluckyvip.com/tag/1257.html
全球物流排行：https://www.goluckyvip.com/tag/12570.html
原产地证明：https://www.goluckyvip.com/tag/12571.html
德国WEEE合规解析疑惑：https://www.kjdsnews.com/a/1842205.html
德国WEEE合规解析疑惑：https://www.xlkjsw.com/news/92283.html