recherche

Maison >interface Web >js tutoriel >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:021073parcourir

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

est remplie avec

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(&#39;myApp&#39;, []);
app.controller(&#39;myCtrl&#39;, 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 la compilation des informations sur les options ng AngularJS, et nous continuerons à l'ajouter plus tard.

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!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Solution au problème selon lequel la mise au point ne peut pas être mise au point après le flou jqueryArticle suivant：Solution au problème selon lequel la mise au point ne peut pas être mise au point après le flou jquery

Articles Liés

Voir plus