AngularJS (5) ng-controller 批次宣告

作者： -

如果你想要在一個app內快速定義多個控制器，好比說印出不同的歡迎字串，你可以試看看批次的相依注入宣告。


ng-controller 批次的相依注入宣告

<head>
    <script>
       var app1 = angular.module("app1",[]);
       app1.controller({
           "HelloController": ['$scope', 
                  function($scope){
                     $scope.words = "Hello! I'm Lily.";
                 }],
           "HelloController2": ['$scope', 
                  function($scope){
                     $scope.words = "GoodBye. See you tomorrow.";
                 }]         
       });       
    </script>
</head>

<body ng-app="app1">
   <div ng-controller="HelloController">
      {{words}}
   </div> 
   <div ng-controller="GoodByeController">
      {{words}}
   </div>
</body>
{{words}}
{{words}}

如果你只想要簡單定義一個控制器，可以參考看看我的前一篇AngularJS (4) ng-controller宣告。

留言

張貼留言

這個網誌中的熱門文章

AngularJS (19) ng-repeat 特殊變數 $index, $even, $first

作者： -
angular .module('app',[]) .controller('ctrl',["$scope",function($scope){ $scope.people = [ {name:'Ihc Pig'}, {name:'Lily Pig'}, {name:'AA Pig'}, {name:'BB Pig'} ]; }]); 索引 $index <body ng-app="app" ng-controller="ctrl"> <p ng-repeat="person in people" ng-class="{item_yellow: $even}" > { { $index } }. name = { { person.name } } </p> </body> {{$index}}. name = {{person.name}} 偶數列 $even <body ng-app="app" ng-controller="ctrl"> <p ng-repeat="person in people" ng-class="{item_yellow: $even}" > name = { { person.name } } </p> </body> name = {{person.name}} 奇數列 $odd <body ng-app="app" ng-controller="ctrl"> <p ng-repeat="person in people" ng-class="{item_...
閱讀完整內容

AngularJS (2) 用 $filter 轉換數值和過濾

作者： -
在前一篇( 宣告ng-app )用ng-app宣告網頁的AngularJS執行範圍， 基本上，ng-app宣告之後，就可以使用angularJS作一些基本運算，或是轉換。 filter 是angularJS提供的運算子，可以對數值作的轉換或是附加處理。它的寫法就像是LINUX的Shell script的pipe運算。 例如，currency幫你把數字標記成金額： <head> <script src="angular.js"></script> /*以下的例子視為已有此檔*/ </head> <body ng-app> {{ 1+2 }} 金額：{{ 1+2 | currency }} 新台幣：{{ 1+2 | currency:"NT$" }} </body> {{ 1+2 }} 金額：{{ 1+2 | currency }} 新台幣：{{ 1+2 | currency:"NT$" }} filter 在HTML和javascript的寫法 前面例子是 filter 在HTML的寫法     {{ currency_expression | currency : symbol }} javascript寫法      $filter ('currency')(symbol) javascript的完整寫法，是在控制器的引數列加入 $filter 的宣告，告訴angularJS此控制器需要用到filter功能。 <head> <script> var app1 = angular.module("app1",[]); app1.controller("MoneyController", function($scope,$filter){ $scope.pay = $filter("currency")(3); $sco...
閱讀完整內容