2017-02-13 4 views
0

하나의 ng-repeat를 사용하여 각각 고유 한 모델을 가진 3 개의 라디오 버튼 그룹을 만들고 싶습니다. 이것을 어떻게 할 수 있습니까?angularjs 자체 모델을 가진 라디오 버튼 그룹

<div class="radio" data-ng-repeat="item in selItem.items" > 
       <label class="control-label"> 
        <input type="radio" 
        data-ng-value={{item.vm}} 
        data-ng-model="????" 
        name="{{selItem.Title}}"/>{{item.dm}} 
        </label> 
        </div> 

답변

0

맨 먼저 무엇을 할 수 있습니까? 라디오 버튼은 옵션 그룹 중에서 고유 한 선택을하기 때문에 모든 라디오 버튼에 대해 동일한 모델을 사용하는 것이 좋습니다.

그러나, ng-repeat 내부의 각 항목에 반복에 대해 고유 한 ng-model의 설정을위한, 당신은 개체 모델의 속성을 이름을 $index 또는 각 반복 자체의 속성을 사용하여 객체 브래킷 표기법을 사용해야합니다.

<div ng-repeat="item in items"> 
    <input type="text" ng-model="myModel[item.name]" > 
</div> 

체크 this fiddle

+0

우리의 UI가 백엔드 이제까지 컨트롤러의 그 종류가있다, 사람들은 얼마나 많은 받아야하는에 따라 컨트롤러의 종류 UI에 표시되어야 하는지를 전달하는 독특한 작업을 볼 수 렌더링. 그래서 한 시나리오에서 백엔드는 3 개의 컴포넌트 (3 개의 다른 필드를 의미)가있는 디스플레이를 렌더링합니다. 3은 라디오 버튼입니다. – user1015388