2017-05-15 11 views
0

각도 1.5의 ngOptions 속성을 사용하여 간단한 배열에서 드롭 다운 메뉴를 만들려고하지만 문서를 읽고 웹을 탐색 한 후에는 보이지 않습니다. 그것을 '간단한'배열 (객체가 잘 작동 함)로 작업하게하려면 enter image description here각도 1.5X [ngOptions] 일반 배열

나는 이유를 모르겠습니다 :

나는

<select class="form-control" ng-model="widget.GroupNameSearch" id="widgetselectedGroupName" ng-options="group as widget.GroupNameSearch for group in widget.GroupNameSearch | orderBy:'GroupNameSearch' track by widget.GroupNameSearch"> 
    <option value="" disabled selected>--- Kies een group ---</option> 
    <option value="" ng-if="false"></option> 
</select> 

그러나 내 HTML은 다음과 같은 만드는 다음 데이터

["Interne Vacatures","Human Resources","Sales"] 

내가보기에 다음 코드를 사용할 수있어 이러한 결과를 생성하지만 json 객체로 배열을 변경하면 작동하도록 할 수 있습니다. Unfortunetly 나는 기억을 낭비하는 개미하지 않습니다. 어떤 도움이 많이 주시면 감사하겠습니다

{"groupName": { 
    "groupName":"Group 100", 
    "mail":"[email protected]"} 
} 



    <select class="form-control" ng-model="widget.selectedGroupName.groupName" id="widgetselectedGroupName" ng-options="group as group.groupName for group in widget.GroupNameSearch | orderBy:'groupName' track by group.groupName" > 
        <option value="" disabled selected>--- Kies een group ---</option> 
        <option value="" ng-if="false"></option> 
       </select> 

: 다음은 JSON과 함께 작동하는 예입니다. 건배!

답변

1

귀하의 옵션으로 widget.GroupNameSearch이 (가) 발생했습니다.

ng-options="group as widget.GroupNameSearch for group in widget.GroupNameSearch.." 
//     ^^^^^^^^^^^^^^^^^^^^^^ this one 

당신은 현재 항목에 대한 참조로 다시 전체 배열을 참조하기 위해 노력하고 있습니다.

value as label for collection으로 읽을 수 있습니다. 자, 당신은 각 항목에 대해 label으로 전체 배열 자체를 가져야하지 않습니까?

대신

ng-options="group as group for group in widget.GroupNameSearch.. 
+0

덕분에 당신의 대답은 올바른 방향으로 절 지적했다. 또 다른 문제점은 배열이 유형 문자열이라는 것입니다. 그래서 배열을 다시 만들어야했습니다. 고마워. –

+0

@RodneyWormsbeher 조금 기쁜 :) – tanmay