理解AngularJS模块注入逻辑
AngularJS Module Injection logic understand
我正在学习AngularJS和他使用module的关注点分离。我创建了一个简单的应用程序,它由一个index.html(视图)和两个file .js(一个用于控制器,另一个用于我自己的服务)组成。问题如下:我如何将包含服务的.js文件注入到控制器的文件中?
这就是controller。js
var myApp = angular.module('myApp',[]);
myApp.controller('myController', function($scope, $window,$interval,$location) {
$scope.appUrl = $location.absUrl();
$scope.port = $location.port();
$scope.protocol = $location.protocol();
$scope.winWidth = $window.innerWidth;
$interval(function(){
$scope.winWidth = $window.innerWidth;
}, 1);
});
,这是date-time-service.js
var service = angular.module('myApp',[]);
service.factory('dateTimeService', function() {
var dateTimeSvc = {};
dateTimeSvc.getData = function(){
return new Date().toDateString();
}
dateTimeSvc.getTime = function(){
return new Date().toTImeString();
}
return dateTimeSvc;
})
显然,我知道我可以创建一个单一的.js文件,其中包含两者,并调用它到我的视图,但我想了解背后的逻辑依赖注入开始与这个"愚蠢"的应用程序,然后扩展到更大的应用程序。谢谢大家的回答!
我们不注入js文件。我们注入依赖项。
如果你正在研究如何在angular context初始化后动态地在运行时注入模块——在这里http://blog.getelementsbyidea.com/load-a-module-on-demand-with-angularjs/我很久以前就实现了这一点,我从服务器动态调用模块,并根据用户所在的屏幕将其注入到我的angular上下文中。
相关文章:
- 我可以像其他库一样将JointJS作为AngularJS模块注入吗
- 将模块注入控制器AngularJs
- AngularJS在不使用变量的情况下将服务注入模块中,这样就可以缩小它
- JavaScript模块化和依赖注入之间的区别
- JavaFX+Javascript:如何将Java对象注入AMD模块
- $injector:modulerr将自定义模块注入Angular应用程序
- angularjs自定义模块与$http注入
- 如何在angularjs中为每个控制器注入一个独特的模块
- AngularJS - 将提供程序注入模块.config
- AngularJS在应用程序初始化后注入模块
- 在 AngularJS 应用程序中有条件地注入模块
- DevExtreme-错误注入模块
- AngularJS上不断出现注入模块错误
- 只有在需要AngularJS时才注入模块依赖项(如插件)
- AngularJs/ngCordova自定义构建离子注入模块错误
- 如何区分AngularJS中注入模块的名称空间
- 如何在AngularJs中注入模块的两个不同实例
- 如何在AngularJS中正确注入模块
- AngularJS动态注入模块
- 在Angular运行时注入模块