Heim > Web-Frontend > js-Tutorial > Der Unterschied zwischen ng-repeat und ng-options

Der Unterschied zwischen ng-repeat und ng-options

怪我咯
Freigeben: 2017-06-27 11:48:15
Original
1688 Leute haben es durchsucht

1. ng-repeat

<select>
<option value="x.id" ng-repeat="x in list" ng-bind="x.name">
</option>
</select>
Nach dem Login kopieren

2. ng-options

<select ng-options="x.id as x.name for x in list" ng-model="listId">
</select>
Nach dem Login kopieren


3 Wenn Sie sich in der Auswahl befinden, muss ng-repeat in die Option geschrieben werden, während ng-options keine Option erfordert und automatisch generiert wird.
ng-options muss mit ng-model abgeglichen werden, um den Wert der Liste zu erhalten.
Achtung! !
1) Der Werttyp von .ng-options ist Zahl und kann nicht wiederholt werden, wenn list.id vom Typ string ist
2) Der Werttyp von .ng-repeat ist string und wenn list.id ist vom Typ Nummer. Schleife nicht möglich
Sie können verschiedene ID-Typen auswählen. Dies ist ein Problem, das in neueren Projekten auftritt und mit der oben genannten Methode gelöst werden kann

Das obige ist der detaillierte Inhalt vonDer Unterschied zwischen ng-repeat und ng-options. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage