Heim > Artikel > Web-Frontend > Detaillierte Erläuterung der ng-options-Direktive von AngularJS

Detaillierte Erläuterung der ng-options-Direktive von AngularJS

怪我咯Original: 2017-06-27 11:50:021015Durchsuche

In diesem Artikel wird hauptsächlich die ng-options-Direktive AngularJS vorgestellt. Hier wird das Wissen über die ng-options-Direktive ausführlich erläutert, und Freunde in Not können sich darauf beziehen 🎜>

AngularJS ng-options-Direktive

AngularJS-Instanz

gefüllt mit

Array elements < ;options> Füllt die Optionen für das 221f08282418e2996498697df914ce4e Die

ng-options

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<p ng-app="myApp" ng-controller="myCtrl">

<select ng-model="selectedName" ng-options="item for item in names">
</select>

</p>

<script>
var app = angular.module(&#39;myApp&#39;, []);
app.controller(&#39;myCtrl&#39;, function($scope) {
  $scope.names = ["Emil", "Tobias", "Linus"];
});
</script>

<p>该实例演示了如何使用 ng-options 指令填充下拉列表。</p>

</body>
</html>

-Direktive verwendet ein Array, um eine Dropdown-Liste zu füllen, die am häufigsten zusammen mit der ng-repeat-Direktive verwendet wird.

Syntax

21e8345d5e7f4691636d757740267e8518bb6ffaf0152bbe49cd8a3620346341

a5e9d42b316b6d06c62de0deffc36939-Element unterstützt diese Direktive.

Parameterwert

value	Beschreibung
Array-Ausdruck	Das Array füllt Optionen für das ausgewählte Element Ausdruck .

Das Obige ist die Zusammenstellung der AngularJS-NG-Optionsinformationen, und wir werden sie später weiter hinzufügen.

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der ng-options-Direktive von AngularJS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

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

Vorheriger Artikel：Lösung für das Problem, dass der Fokus nach der JQuery-Unschärfe nicht fokussiert werden kannNächster Artikel：Lösung für das Problem, dass der Fokus nach der JQuery-Unschärfe nicht fokussiert werden kann

In Verbindung stehende Artikel

Mehr sehen