2017-05-15 5 views
0

角度1.5のngOptions属性を使用して、単純な配列のAngularでドロップダウンメニューを作成しようとしていますが、ドキュメントを読んでウェブを閲覧した後には見えません'単純な'配列(オブジェクトはうまく動作する)で動作するようにします。 enter image description hereangle 1.5X [ngOptions]通常の配列

なぜ私はわからない:

私は私のHTMLは以下を作成しますが、私は私の見解

<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> 

に次のコードを使用して、以下のデータ

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

を得ましたこれらの結果が得られますが、私の配列をjsonオブジェクトに変更しても、動作させることができます。残念ながら私はメモリを浪費するアリはいません。 JSONを使用した実例を以下に示します。

{"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> 

ご協力いただければ幸いです。 乾杯!

答えて

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

@RodneyWormsbecher少し助けてうれしかった:) – tanmay

0

はあなたのNG-オプションは、このようにしていることを確認し、tanmayが言ったことを続行するには、文字列の配列のために、このようにそれを持つことができます。ここではそのことについて より: ng-options with simple array init

<div ng-controller="Ctrl"> 
     <select class="form-control" ng-model="widget.selectedGroupName.groupName" id="widgetselectedGroupName" ng-options="a as a for a in groups"> 

https://jsfiddle.net/brhardwick/4eatv28b/1/

関連する問題