Maison > Article > interface Web > AngularJS utilise la directive ng-repeat pour implémenter les listes déroulantes

AngularJS utilise la directive ng-repeat pour implémenter les listes déroulantes

高洛峰original: 2016-12-29 10:35:541067parcourir

ng-repeat d'AngularJs nous permet de parcourir des tableaux pour générer des éléments DOM très facilement, mais une mauvaise utilisation peut également entraîner des problèmes de performances. Permettez-moi de partager avec vous comment utiliser la directive ng-repeat pour implémenter une liste déroulante dans le projet.

1. Contexte du problème

Les options de la liste déroulante de sélection sont rassemblées dans une liste déroulante Ici, l'instruction ng-repeat est utilisée pour créer

2. Code source d'implémentation

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>AngularJS之下拉框（方式二）</title> 
<script type="text/javascript" src="../js/angular.min.js" ></script> 
<script> 
var app = angular.module("secondApp",[]); 
app.controller("secondCon",function($scope){ 
$scope.trees = ["松树","樟树","枫树","枣树","桃树"]; 
}); 
</script> 
</head> 
<body> 
<div ng-app="secondApp" ng-controller="secondCon"> 
<select style="width: 200px;"> 
<option ng-repeat="tree in trees">{{tree}}</option> 
</select> 
</div> 
</body> 
</html>

3. Description du problème

L'instruction ng-repeat peut répéter des données

AngularJS utilise la directive ng-repeat pour implémenter les listes déroulantes

Ce qui précède est l'utilisation d'AngularJS présentée par l'éditeur. L'instruction ng-repeat implémente la liste déroulante. J'espère qu'elle sera utile à tout le monde. Si vous avez des questions, veuillez me laisser un message ainsi qu'à l'éditeur. vous répondrons à temps. Je voudrais également vous remercier tous pour votre soutien au site Web PHP chinois !

Pour plus d'articles sur AngularJS utilisant la directive ng-repeat pour implémenter des listes déroulantes, veuillez faire attention au site Web chinois de PHP !

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：Angularjs implémente un exemple de code de sélection d'une boîte déroulante avec une fonction de recherche et de filtrageArticle suivant：Angularjs implémente un exemple de code de sélection d'une boîte déroulante avec une fonction de recherche et de filtrage

Articles Liés

Voir plus