2016-11-18 4 views
0

Ich versuche derzeit, eine Liste der Kategorie in einer API in einer Auswahl angezeigt und ich kann nicht meine Auswahl, um es anzuzeigen.AngularJs - Verwenden von ng-Optionen in auswählen

Meine Liste der Kategorie ist in storageService.poi.categories (Kategorien ist ein Array mit mehreren Objekten im Inneren, die 'Label' als Attribut haben und das ist was ich versuche zu zeigen, ex: storageService.poi.categories [0] .label wird ‚TreeStart‘)

ich jetzt stundenlang gesucht haben anzuzeigen und diese funktionieren sollte (ich glaube?), aber es funktioniert nicht

<select ngModel="newPoi.categorie" name="categorie" class="categorie" ng-options=" 
cate.label for cate in storageService.poi.categories"></select> 

Danke für Ihre Hilfe

EDIT: Die gespeicherten Daten:

Object /*<-- This is storageService.poi.categories*/ 
0:PoiCategory   /* This is what the objects inside categories looks like*/ 
    categories:Array[10] 
    label:"TreeStart" 
    landmarks:Array[0] 
    popup:undefined 
    symbol:undefined 
    timestamp:undefined 
    uid:0 
    uid_parent:undefined 
    __proto__:Object 
67:PoiCategory 
70:PoiCategory 
71:PoiCategory 
72:PoiCategory 
73:PoiCategory 
74:PoiCategory 

Antwort

0

Wenn Sie dies in AngularJS Sie tun ngModel sollte ng-model

Sie sich dann es tun könnte so

<select ng-model="newPoi.categorie" name="categorie" class="categorie" ng-options=" 
cate as cate.label for cate in storageService.poi.categories"> 

kat in den ng-Modell binden wird und die cate.label bekommt im Optionstext angezeigt.

0

Für Angular2 würde es aussehen

<select [ngModel]="newPoi.categorie" name="categorie" class="categorie"> 
    <option *ngFor="let cate in storageService.poi.categories" [ngValue]="cate">{{cate.label}}</option> 
</select> 
+0

ich mehrmals versucht haben, eine Schleife über die Option zu tun, aber es hat nie funktioniert und mehrere Leute haben mir gesagt es ng-Optionen oder ng-Wiederholung zu tun zu verwenden, Also habe ich diese Idee aufgegeben. – Duncan

+0

Welche Winkelversion verwenden Sie? –

+0

Ich benutze Angular2 – Duncan

Verwandte Themen