angular js的Inline Array Annotation的理解

Posted 技术让世界更精彩

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angular js的Inline Array Annotation的理解相关的知识,希望对你有一定的参考价值。

inline Array annotation的形式是:

someModule.controller(‘MyController‘, [‘$scope‘, ‘greeter‘, function($scope, greeter) {
  // ...
}]);
其中function($scope,greeter){}分别代表$scope对象,greeter对象。

现在我把上面的代码改动一点:
someModule.controller(‘MyController‘, [‘$scope‘, ‘greeter‘, function(a,b) {
  // ...
}]);
其中参数a代表的是$scope对象,参数b代表的是greeter对象,至于我们在开发时把参数和和参数所代表的对象取相同的名字是为了见名知义。
下面的代码是参数的名字和对象名字不一致的情况:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <script src="../materialDesignfile/angular.js"></script>
    <script>
       angular.module(myApp,[])
           .factory(myService,function () {
               var factory={};
               factory.name="ouyangfeng";
               factory.sayHello=function () {
                   debugger
                   console.log("say hello");
               }
               return factory;
           })
//sixi代表的对象是$scope,ouyangfeng代表的对象是:myService. .controller(
myCtrl,[$scope,myService,function (sixi,ouyangfeng) { sixi.sixi="泗溪"; debugger sixi.hello=ouyangfeng.sayHello; sixi.name=ouyangfeng.name; }]); </script> <div ng-app="myApp" ng-controller="myCtrl"> <h1>{{sixi}}</h1> <button ng-click="hello()">hello</button> <h1>{{name}}</h1> </div> </body> </html>

 

 
 








以上是关于angular js的Inline Array Annotation的理解的主要内容,如果未能解决你的问题,请参考以下文章

angular-ui-select 被 bootstrap form-inline 破坏

[Immutable + AngularJS] Use Immutable .List() for Angular array

Hive函数之explode和inline

JS 使用reduce进行数组去重

ViewChild 如何在 Angular 和 Storybook 中工作?

angular.js写法不规范导致错误