Maison > Article > interface Web > Explication détaillée de la directive ng-options d'AngularJS
Explication détaillée de la directive ng-options d'AngularJS
- 怪我咯original
- 2017-06-27 11:50:02959parcourir
Cet article présente principalement la directive AngularJS ng-options Ici, la connaissance de la directive ng-options est organisée en détail et des exemples de code détaillés sont joints. Les amis dans le besoin peuvent s'y référer. 🎜>
La directive ng-options AngularJS
L'instance AngularJS
array elements a436f88d8f7c0913a3ddc875cb14d4fa Remplit les options de l'élément 221f08282418e2996498697df914ce4e La directive
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('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.names = ["Emil", "Tobias", "Linus"];
});
</script>
<p>该实例演示了如何使用 ng-options 指令填充下拉列表。</p>
</body>
</html> utilise un tableau pour remplir une liste déroulante, le plus souvent utilisée avec la directive ng-repeat.
Syntaxe
743abb1a0873781d0e942a24ec60f1fa18bb6ffaf0152bbe49cd8a3620346341
a5e9d42b316b6d06c62de0deffc36939
Valeur du paramètre
| valeur | Description |
|---|---|
| Expression de tableau | Le tableau remplit les options de l'élément select Expression . |
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!