- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
最近我一直在学习 Angular 并且进展顺利,但是关于依赖注入(inject)的一些事情我仍然不清楚。
是否有任何理由在我的 app.js 文件中声明我的应用程序的其他部分(服务、 Controller 等)?
似乎有时教程会显示这一点,有时却不会:
var calculatorApp = angular.module('calculatorApp', [
'config',
'ngRoute',
'calculatorControllers', //Do I need to declare these comnponents here?
'calculatorServices'
]);
同样,我是否需要在 app.js 中声明整个应用程序的所有依赖项?看来我也可以在任何模块中声明依赖项(这里 ngResource 没有在 app.js 中声明,只是在 services.js 中声明):
var calculatorServices = angular.module('calculatorServices', ['ngResource']);
如果依赖项只传递给函数而不是首先在数组中声明,这是否意味着库没有预加载,这样做有好处吗(这次 calculatorService 没有在 app.js 中声明):
angular.module('myApp')
.controller('MainCtrl', function ($scope, $location, calculatorService)
最后,这些模块的声明方式有什么不同吗?第一个不引用主模块,第二个示例引用:
var calculatorServices = angular.module('calculatorServices', ['ngResource']);
angular.module('myApp')
.controller('MainCtrl', function ($scope, $location, calculatorService)
最佳答案
一般经验法则:第一个参数是名称,第二个参数是依赖项列表。
一般来说,AngularJs 有一个非常标准的做事方式。 Angular 对象的所有声明都遵循相同的约定:
angular.Object(NameOfObject,ArrayOfDependencies[])
其中 NameOfObject 必须是 string
,ArrayOfDependencies
是包含字符串或回调函数的数组。
例如,如果你想声明一个名为 myApp 的 Angular module
,它依赖于另一个 angular module
的名称为 ngAnimate,您执行以下操作:
angular.module('myApp',['ngAnimate']);
如果您无法想象它,让我们分解成几个部分。下面的代码和上面的单行代码是一样的。
var myModuleName = "myApp"; //this is your app name
var myDependenciesArray= ['ngAnimate']; // this is a list of dependencies your app is gonna depend on
angular.module(myModuleName,myDependenciesArray); //voila, module declared!
要回答您的问题,您需要知道哪些类型 依赖项可以注入(inject)到哪些 Angular 对象中。你不能混淆。
module
只能接受另一个模块的注入(inject),不能接受服务类型(准确的说是提供者类型)。下面的语法是正确的:
angular.module('module1',[]);
angular.module('module2',['module1']) // this is okay, module 2 depends on module1.
如果你这样做:
angular.module('module2',['$http']) //this is NOT okay
你会得到 Angular 抛出的 [$injector:modulerr]
因为 $http
是服务名称而不是模块名称。
出于同样的原因,如果您没有声明模块,那么您不能在该声明中注入(inject)模块,而必须注入(inject)服务。以下语法是正确的:
angular.module('demo')
.controller('myCtrl',['$scope',function($scope){}] // this is okay, your controller depends on the $scope service
如果你这样做:
angular.module('demo')
.controller('myCtrl',['ngResource']) // this is NOT okay
你会得到 Angular 抛出的 [$injector:unpr]
,声明没有找到这样的提供者。
让我们来回答您的问题:
问:需要注入(inject)所有的依赖吗?
A:当然可以,只要你需要。但请确保将它们注入(inject)到正确的位置。
问:如果依赖项仅传递到函数中而不是首先在数组中声明,这是否意味着库未预加载,这样做有好处吗?
A:正如我所提到的, Angular 对象的第二个参数可以接受一个数组,并且该数组可以接受回调函数。但是,如果您只提供一个回调函数,那么稍后在缩小 JavaScript 代码时就会遇到问题。
如果你这样写,当 javascript 被缩小时,你的应用程序将崩溃:
angular.module('myApp')
.controller('demoCtrl',function($scope){}); //will break
如果您这样写,当 javascript 被缩小时,您的应用不会中断:
angular.module('myApp')
.controller('demoCtrl',['$scope',function($scope){}]
问:这些模块的声明方式有什么不同吗?
A:没有。看看下面的:
angular.module('myApp',[])
.controller('demoCtrl',['$scope',function($scope){}]
上面的代码可以这样写,它们相同:
var app = angular.module('myApp',[]);
app.controller('demoCtrl',['$scope',function($scope){}]
关于javascript - Angular 依赖,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37609210/
我在 gobject 上阅读了一个维基百科页面,上面写着, Depending only on GLib and libc, GObject is a cornerstone of GNOME and
如何注册一个依赖属性,其值是使用另一个依赖属性的值计算的? 由于 .NET 属性包装器在运行时被 WPF 绕过,因此不应在 getter 和 setter 中包含逻辑。解决方案通常是使用 Proper
我一直在尝试将 ActionbarSherlock maven 依赖项添加到我的项目中 com.actionbarsherlock library 4.2.0 在我的 po
http://tutorials.jenkov.com/ood/understanding-dependencies.html#whatis说(强调我的): Whenever a class A us
我对所有这些魔法有点不清楚。 据我了解,依赖属性是从 DependencyObject 继承的,因此存储值: 如果分配了值(在本地字典中),则在实例本身中 或者如果未指定值,则从指向父元素的链接中获取
我刚刚更新了在 ASP.NET Framework 4.5.2 版上运行的 MVC Web 应用程序。我正在使用 Twilio 发送 SMS 消息: var twilio = new TwilioRe
我刚刚发现了一件令人生畏的事情。 spring 依赖坐标有两个版本。 项目依赖于 spring mvc 和 spring flow。有两组并行的依赖项。 Spring MVC 具有以下方案的依赖项
我正在尝试包含 的 maven 依赖项 org.jacorb jacorb 2.3.1 依赖已解决,但它导致另一个依赖 picocontainer 出现问题: [ERROR
我正在尝试在 Haskell 项目中包含特定版本的库。该库是住宿加早餐型的(用于 martix 操作),但我需要特定的 0.4.3 版本,该版本修复了乘法实现的错误。 所以,我的 stack.yaml
有谁知道如何制作依赖的 UIPickerView.例如,当我选择组件一的第 2 行时,组件二的标题会发生变化吗? 我在互联网上查找过,没有真正的答案,我尝试过使用 if 和 switch 语句,但它们
我正在编写一个用于验收测试的项目,由于各种原因,这依赖于另一个打包为 WAR 的项目。我已成功使用 maven-dependency-plugin 解压 WAR,但无法让我的项目包含解压的 WEB-I
或多或少我在 session 上大量构建我的网站(特别是重定向用户等),我很好奇这是否是一种危险的做法。禁用浏览器 cookie 保存的用户的大致比例是多少?我愿意接受任何建议:) 谢谢 最佳答案 s
开始玩 Scala futures,我被依赖的 futures 困住了。 让我们举个例子。我搜索地点并获得 Future[Seq[Place]]。对于这些地点中的每一个,我搜索最近的地铁站(该服务返回
或多或少我在 session 上大量构建我的网站(特别是重定向用户等),我很好奇这是否是一种危险的做法。禁用浏览器 cookie 保存的用户的大致比例是多少?我愿意接受任何建议:) 谢谢 最佳答案 s
我有一个二进制文件,需要一些 *.so 文件才能执行。现在,当我尝试在一些旧机器上执行它时,它会显示 /lib/libc.so.6: version `GLIBC_2.4' not found 如何将
我尝试使用 Dygraph 来表示图表,我在 https://github.com/danvk/dygraphs 中找到了代码,但是它有太多的依赖文件,我觉得很烦人。是否有一个文件可以容纳所有必需的
我正在处理一个 javascript 文件,该文件 a) 声明一个具有函数的对象,并且 b) 使用它期望在外部声明的散列调用该对象的 init 函数。我的 Jasmine 规范提示它找不到哈希,因为它
最近我一直在学习 Angular 并且进展顺利,但是关于依赖注入(inject)的一些事情我仍然不清楚。 是否有任何理由在我的 app.js 文件中声明我的应用程序的其他部分(服务、 Controll
考虑一个名为 foo 的表,它有 id (PRIMARY & AUTO_INCREMENT) 列。我正在向该表中插入一行,挑战从此时开始。 $db->query("INSERT INTO `foo`
我正在使用级联下拉 jquery 插件。 (https://github.com/dnasir/jquery-cascading-dropdown) 我有两个下拉菜单。 “客户端”和“站点”。 根据您
我是一名优秀的程序员,十分优秀!