angular.js - 已实现的angularjs项目用requirejs进行模块化时遇到问题
问题描述
其实就是对todoMVC项目用requirejs进行模块化。原本的angularjs是分别在controller、directive、service中分别定义了一个模块来代表这三者。下面是directive:todoFocus.js
(function () { ’use strict’ angular.module(’todoFocus’,[]).directive(’todoFocus’,function ($timeout){return function (scope,element,attrs){ scope.$watch(attrs.todoFocus,function (newVal){if(newVal){ $timeout(function(){element[0].focus(); },0,false);} })} })})()
上面就是一个directive。之后在app.js中
(function () { ’use strict’; angular.module(’todomvc’, [’todoCtrl’, ’todoFocus’, ’todoStorage’]);})();
我用requirejs模块化之后directive变成了这样:
(function () { ’use strict’ define([’angular’],function (angular) {angular.module(’todoFocus’,[]).directive(’todoFocus’,function ($timeout){return function (scope,element,attrs){ scope.$watch(attrs.todoFocus,function (newVal){if(newVal){ $timeout(function(){element[0].focus(); },0,false);} })} })return ’todoFocus’; })})()
然后app.js变成了这样:
(function () { ’use strict’; require([’angular’],function (angular) {require([ ’controllers/todoCtrl’, ’directives/todoFocus’, ’services/todoStorage’ ],function (todoCtrl,todoFocus,todoStorage) {angular.module(’todomvc’,[todoCtrl,todoFocus,todoStorage]);angular.bootstrap(document, [’todomvc’]); }) })})();
之后打开网页发现所有的js文件都加载出来了,但是并不能实现效果。。
是不是app.js不能这么写。没怎么用过requireJS/(ㄒoㄒ)/~~
贴一下我的文件路径
下面是我的main.js
(function (win) { ’use strict’; require.config({paths: { angular: ’../node_modules/angular/angular’},shim: { //专门用来配置不兼容的模块 angular: { exports: ’angular’ //输出变量名,表示这个模块外部调用时的名称 }},deps: [’app’] //deps数组,表示该模块依赖app模块,所以要先加载app模块});})(window)
感觉我的路径没啥问题呀/(ㄒoㄒ)/~~
问题解答
回答1:模块依赖注入错误了,检查下引用路径
相关文章:
1. 服务器端 - 采用nginx做web服务器,C++开发应用程序 出现拒绝连接请求?2. java - 自己制作一个视频播放器,遇到问题,用的是内置surfaceview类,具体看代码!3. javascript - 有什么兼容性比较好的办法来判断浏览器窗口的类型?4. javascript - vue 移动端的input 数字输入优化5. javascript - Angular controlller控制域和原生js的关系6. javascript - nidejs环境设置操作一直出现这种问题怎么解决?7. python - pandas按照列A和列B分组,将列C求平均数,怎样才能生成一个列A,B,C的dataframe8. 关于docker下的nginx压力测试9. angular.js - Ionic 集成crosswalk后生成的apk在android4.4.2上安装失败???10. java - 静态属性中的赋值和静态代码块中的赋值有什么区别?
