码迷,mamicode.com
首页 > Web开发 > 详细

angular js的Inline Array Annotation的理解

时间:2017-11-12 12:25:08      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:gre   func   pre   actor   ouya   mem   span   function   开发   

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的理解

标签:gre   func   pre   actor   ouya   mem   span   function   开发   

原文地址:http://www.cnblogs.com/1540340840qls/p/7821079.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!