동적으로 추가 라디오 입력은 여기

Question

좋아들 쇼를 겨 트리거되지 않습니다 내 문제입니다 :

내가 선택 (그리고 나머지를 숨기기) 할 때 해당 카테고리의 요소를 보여 범주의 목록을해야는. 나는 라디오 버튼과 함께 가기로 결정했다/모든 카테고리는 그것의 자신의 라디오 버튼을 가지고있다. 카테고리를 추가하는

이

코드는 다음과 같습니다

APP.js

controller('FamiliesCtrl', function($scope) { 
    $scope.families = ['All', 'Stark', 'Lannister'....]; 
    $scope.selfamily = {selfam: 'All'}; 
}). 

HTML

<form ng-controller="FamiliesCtrl"> 
    <input type="radio" ng-model="selfamily.selfam" ng-repeat="family in families" ng-value="family" name="selfam">  
</form> 

내가 가지고 HTML에 겨 쇼를 실행하는 데 노력하고 있어요 다음 코드 :

<div id="characters" class="row col-xs-9" ng-controller="CharacteresCtrl"> 
     <div class="character col-xs-3" ng-repeat="character in characters | orderBy:sortParameter | limitTo: 120" char-image="{{character.picture}}" ng-show="selfamily.selfam === '{{character.house}}' || selfamily.selfam === 'All'"> 
       <h1>{{character.name}}</h1> 
     </div>   
</div> 

좋습니다. 이 작동하지 않습니다하지만이 형식으로 수동으로 카테고리를 삽입하는 경우 :

<input class="checkboxHidden" id="first" type="radio" name="selfam" ng-model="selfamily.selfam" value="All"> 
    ... and so on... 

IT가 작업을 수행합니다. 귀하의 도움을 많이 주시면 감사하겠습니다. 더 이상의 코드를 제공해야하는 경우 알려 주시기 바랍니다. 수동으로 추가 작업이 잘 ... 당신은 보간이 필요하지 않습니다

Answer 1

character.house의 값에 액세스하는 동안

그냥 dinamically/프로그래밍 방식으로 추가 카테고리가 NG-쇼에 모든 전원이없는, 요약하기 . 이 작동합니다 :

ng-show="selfamily.selfam === character.house || selfamily.selfam === 'All'" 

...

가까이 코드에서 보면, 라디오 버튼으로 설정 한 값은 문자의 목록과 다른 컨트롤러에 존재합니다. 모든 값에 대해 단일 컨트롤러를 사용해야하거나 서비스를 사용하여 컨트롤러간에 값을 공유해야합니다.