如何在角度過濾器中使用變量

我非常喜歡用Angular進行實驗。我從控制器獲取一些數據，並在其上放置過濾器。這工作，因爲我通過是作爲字符串。但如果我喜歡使用一個變量，它不起作用。該變量顯示我是否直接在html中調用它。我將在這裏粘貼html和js。我確信我在這裏做了一些「小」的錯誤，但我沒看到什麼。如何在角度過濾器中使用變量

的index.html

<body ng-controller="GuestController as GuestCtrl"> 
      <h1 class="text-center">Guests</h1> 
      <div class="btn btn-default" ng-controller="FamController as famCtrl" ng-repeat="guest in GuestCtrl.guests | filter:{name:famCtrl.fam}"> 
      <h3> 
       {{famCtrl.fam}} <!-- returns the right value, thats the az you see before the names --> 
       {{guest.name}} 
      </h3> 

       <ul class="clearfix" ng-controller="FamController as famCtrl"> 
       <li class="small-image pull-left thumbnail" ng-repeat="famMember in guest.famMembers"> 
        {{famMember}} 
       </li> 
       </ul> 
      </div> 
     </body>

app.js

var app = angular.module("wedding", []); 

    app.controller('GuestController', function(){ 
    this.guests = guests; 
    }); 

    app.controller('FamController', function(){ 
    this.fam = 'az'; 
    }); 



    var guests = [ 
     { 
     name: 'Willem & Hanneke', 
     famMembers: [ 
      "Willem", 
      "Hanneke" 
     ] 
     },{ 
     name: 'Azouz & Ria', 
     famMembers: [ 
      "Azouz", 
      "Ria", 
      "Ghalil" 
     ] 
    }]

任何幫助，將不勝感激。可能有更好的方法來實現我喜歡的，但我喜歡分步實現。我現在的目標是讓這個工作。下一個目標將只顯示我點擊的「名稱」的家族成員。

來源

2014-09-02 Derooie

提取NG重複指令

工作示例之外的FamController http://codepen.io/anon/pen/rbEoc?editors=101

<body ng-controller="GuestController as GuestCtrl"> 
    <div ng-controller="FamController as famCtrl"> 
     ... 
    </div> 
</body>

來源

2014-09-02 22:32:40 tapatron

作品，謝謝;） – Derooie 2014-09-03 07:07:33

如何在角度過濾器中使用變量

回答

相關問題