2014-09-02 4 views
1

저는 각도로 실험하면서 가슴이 am니다. 컨트롤러에서 데이터를 얻고 필터를 배치하려고합니다. 이것은 내가 통과하는 문자열로 작동합니다. 하지만 변수를 사용하고 싶다면 작동하지 않습니다. 변수가 직접 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> 

는 어떤 도움을 주시면 감사하겠습니다

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" 
     ] 
    }] 

app.js. 아마 내가 좋아하는 것을 성취 할 수있는 더 좋은 방법이 있을지 모르지만 나는 그것을 단계적으로하고 싶다. 내 목표는 지금이 일을하는 것입니다. 다음 목표는 내가 클릭 한 "이름"의 fammember 만 표시하는 것입니다.

답변

관련 문제