2016-06-11 2 views
1

내 API를 통해 두 개 이상의 개체가 있습니다. 객체에는 여러 가지가 있습니다. id, name, account 등과 같은 다른 키 값. 그러나 선택 상자에는 모든 개체의 ID 만 표시해야합니다.ng-repeat를 사용하여 모든 개체의 키 값 하나만 표시해야하는 API에서 오는 모든 값을 표시하는 방법은 무엇입니까?

<select ng-model="selectedid" class="form-control"> 
    <option ng-repeat="id in editIdOptionsData" value="{{id}}">{{id}}</option> 
</select> 

을 그리고 응답을 내가 뭐하는 거지 :

내 HTML이 같은 ng-repeat을 사용하고

deal.getIdData($scope.accountDetail.accountUsers[0].role, $scope.accountDetail.id) 
.then(function successCb(data){ 
    $scope.editIdOptionsData=data; 
}); 

을하지만 내 선택 상자에서이 같은 나는 모든 개체를 얻고있다. 하나의 값이 기본적으로 선택되는 모든 개체에서 id 만 가져 오는 방법을 알려주시겠습니까? 이 같은

답변

1

난 당신이 코드에서 옵션

<select ng-model="selectedid" class="form-control"> 
    <option ng-repeat="id in editIdOptionsData" value="{{id}}">{{id}}</option> 
</select> 

'ID'로 전체 개체를 설정하는 것입니다 일을하는지 어떻게 생각 하나의 전체 개체입니다. 당신이해야 할 것은 :

<option ng-repeat="id in editIdOptionsData" value="{{id.id}}">{{id.id}}</option> 

하거나 가독성

<option ng-repeat="element in editIdOptionsData" value="{{element.id}}">{{element.id}}</option> 

편집 1 : 당신이 ngSelected 지시문을 사용할 수있는 몇 가지 조건에 따라 옵션 중 하나를 선택하십시오 :

ng-selected="<your condition>" 

귀하의 예를 들어 보면 (내가 정확히 이해한다면)

<select ng-model="selectedid" class="form-control"> 
    <option ng-selected="selectedid == id.id" ng-repeat="id in editIdOptionsData" value="{{id.id}}">{{id.id}}</option> 
</select> 

만약 당신이 당신의 질문에 더 구체적 이어야만합니다.

+0

Daniel. 감사합니다. 작동 중입니다.하지만 일부 ID를 표시해야합니다. 그런 다음 어떻게 표시 할 수 있습니까? –

+0

ngSelected 지시문을 사용하면 도움이됩니다. 내 대답을 편집 할게 –

+0

이런 식으로 작동하지 않습니다 .. –

0

시도 뭔가 :

<select ng-model="selectedid" ng-options="object as object.id in object for editIdOptionsData" class="form-control"> </select> 
관련 문제