AngularJS中的隐式和显式依赖注入

简介:

       在之前学习AngularJS的过程中,都是用到了显式依赖注入,比如:

1
2
3
4
5
6
< script  type = "text/javascript" >
     angular.module('app', [])
     .controller('Controller1', function($scope) {
         $scope.something = 'hello world';
     });
</ script >

   依赖注入scopeJavaScriptscope会替换成长度更小的a,但是$scope这个名字又是不能改动的,否则会无法识别。所以这种隐式的依赖注入方法不好。

        AngularJS提倡用以下这种方法:

1
2
3
4
5
6
< script  type = "text/javascript" >
     angular.module('app', [])
     .controller('Controller1', ['$scope', function(parm){
         parm.something = 'hello world';
     }]);
</ script >

   这种方法是显式的依赖注入,把$scope当作一个字符串,则压缩时不会被替换掉,随便命名一个参数parm,在函数体中运用时同名即可。

        不仅是controller,其它需要依赖注入的地方都提倡用显式的方法。










本文转自 iampomelo 51CTO博客,原文链接:http://blog.51cto.com/iampomelo/1669345,如需转载请自行联系原作者
目录
打赏
0
0
0
0
234
分享
相关文章
AngularJS 的依赖注入机制是怎样的?
AngularJS 的依赖注入机制是怎样的?
87 1
Angular4总结(五)—— 父子组件通信,钩子方法
组件和组件之间一定得是松耦合的这样可重用性才高,想象一下这样的场景,A和B两个兄弟组件,但是A调用B组件的一个方法,那么这两个组件就紧密的联系在了一起,这其实是并不可取的。 组件我们应该看作是一个黑盒,组件只需要"输入"和"输出"的功能就行,组件并不关心到底是谁给他输入的,也不关心他会输出给谁。
1496 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等