AngularJS分为多个文件-只有最后一个文件有效
AngularJS split into multiple files - only the last one works
我遇到了一个问题,将AngularJS应用程序的逻辑拆分为多个文件,这给我带来了一个只有最后一个文件有效的问题,可能会跳过前面的文件。
这里是index.html包含:
<script src="js/app.js"></script>
<script src="js/app.config.js"></script>
<script src="js/controllers/HomeController.js"></script>
每个文件都包含非常少量的逻辑:
初始化:
angular.module('sportcial', ['ionic'])
.run(function run($ionicPlatform) {
alert(2);
$ionicPlatform.ready(function() {
// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
// for form inputs)
if(window.cordova && window.cordova.plugins.Keyboard) {
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
}
if(window.StatusBar) {
StatusBar.styleDefault();
}
});
});
配置:
angular.module('sportcial', ['ionic']).config(function configApp($ionicConfigProvider) {
alert(1);
$ionicConfigProvider.tabs.position('bottom');
});
家庭控制器:
angular.module('sportcial', ['ionic'])
.config(function config($stateProvider, $urlRouterProvider) {
alert(3)
})
.controller('HomeController', ['$scope', function HomeController($scope) {
var home = this;
}]
);
只有最后一个发出警报(3)。。。
我在这里错过了什么,伙计们?:)
您正在覆盖每个文件中的sportcial
模块。
使用setter语法
angular.module("moduleName", [moduleDependencies, ..])
创建模块。
如果你想向现有的模块添加一些东西,你需要调用getter:
angular.module("moduleName")
例如,您需要将配置文件更新为:
angular.module('sportcial').config(function configApp($ionicConfigProvider) {
alert(1);
$ionicConfigProvider.tabs.position('bottom');
});
您在每个文件中声明一个新模块。
设置模块的角度语法为:
angular.module('moduleName', dependenciesArray);
为了获得模块并随后定义其模块,语法如下:
angular.module('moduleName');
从配置文件和控制器文件中删除具有离子依赖关系的数组。
任何角度模块只能定义一次及其依赖项:
angular.module('sportcial', ['ionic'])
但通过调用CCD_ 2可以根据需要多次检索,而不需要依赖项:
angular.module('sportcial').config(....
angular.module('sportcial').controller(....
在包含同一模块的所有其他文件之前,您必须确保包含带有依赖项的模块定义。
另请参阅"创建与检索":
注意使用
angular.module('myModule', [])
会创建模块CCD_ 4并覆盖任何名为CCD_。使用angular.module('myModule')
检索现有模块
相关文章:
- 为什么jQuery文件的函数中有两个参数,但只接收一个参数
- 将任何CDN配置为只传递一个文件,无论请求的url是什么
- 如何在node.js中只下载文件的前10 KB
- Gulp和FTP:如何只传输文件夹的内容
- 当源文件夹中有多个jade文件时,gulp-ejade只构建一个HTML文件
- 如何使用javascript只加载mp3文件标题
- 如何在Grunt.js中观察多个文件,但只在更改的文件上运行任务
- 如果.htaccess文件中只写了一行代码,那么我所有的css和js都不起作用,如何修复它
- 如何在 elfinder(一个 jquery 文件管理器插件)中只显示文件夹列表
- 只需提供文件名即可将文件上传到服务器
- FormData()只发送对象类型的多文件
- 如何在html5/JS中只预加载音频文件的一部分
- 只加载宽屏幕大小的javascript文件
- 用于获取<输入类型=文件>只返回firefox中的文件名
- 在Div中刷新图像,只更改文件内容,不更改名称
- 循环中通过javascript上传文件只显示Uploading一次
- Javascript文件只合并一次,sass文件不起作用
- 上传的文件只包含“webkitformboundary”
- JSON文件只显示最后一个条目,尽管id不同
- 在Ajax表单中上传文件只发送名称,不发送文件数据