communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > Liste déroulante AngularJS (méthode 3)

Liste déroulante AngularJS (méthode 3)

黄舟
Libérer： 2017-02-18 13:54:12
original
1164 Les gens l'ont consulté

1. Contexte du problème

Généralement, la liste déroulante est divisée en valeur et description, la valeur est liée à la valeur,


2.

3. Résultats de la mise en œuvre
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>AngularJS之下拉框（方式三）</title>
		<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
		<style>
			body,html,p{
				width: 99%;
				height: 99%;
				font-family: "微软雅黑";
				font-size: 16px;
			}
		</style>
		<script>
			var app = angular.module("selectApp",[]);
			app.controller("selectController",function($scope){
				$scope.student = [
					{stuNo:"2016010101",stuName:"张三"},
					{stuNo:"2016010102",stuName:"李斯"},
					{stuNo:"2016010103",stuName:"蝴蝶"},
					{stuNo:"2016010104",stuName:"利是"},
					{stuNo:"2016010105",stuName:"肇庆"},
					{stuNo:"2016010106",stuName:"思胡"}
				];
			});
		</script>
	</head>
	<body ng-app="selectApp" ng-controller="selectController">
		<p style="text-align: center;vertical-align: middle;">
			<select style="width: 200px;">
				<option ng-repeat="stu in student" value="{{stu.stuNo}}">
					{{stu.stuName}}（{{stu.stuNo}}）
				</option>
			</select>
		</p>
	</body>
</html>
Copier après la connexion


Ce qui précède est le contenu du drop AngularJS- down box (méthode 3), plus connexe Veuillez faire attention au site Web PHP chinois (m.sbmmt.com) pour le contenu !

Liste déroulante AngularJS (méthode 3)

 

Étiquettes associées：
AngularJS，下拉框
source：php.cn
Article précédent：Carte Gaode - Tracer les itinéraires aller et retour Article suivant：Minuterie AngularJS (intervalle)
Déclaration de ce site Web
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
Derniers articles par auteur
Derniers numéros
Le rembourrage du parent ignoré par l'enfant en position collante Comment empêcher les éléments collants de passer derrière le collecteur ? L'extrait de cod...
Depuis 2024-04-06 11:42:51
0
1
338
Case à cocher des conditions générales par défaut personnalisées dans Symfony 5 Je suis nouveau sur Symfony et j'essaie de créer ma page d'inscription. Le formulaire et l...
Depuis 2024-04-04 22:42:19
0
1
1365
Besoin d'un script jquery pour déplacer les options sélectionnées à partir d'une zone de sélection en fonction de la sélection actuelle de l'utilisateur final J'ai une page HTML où l'utilisateur final peut classer nos articles via un élément de boît...
Depuis 2024-04-04 18:40:04
0
1
3528
Menu déroulant central dans la barre de navigation Utilisez CSS/HTML.navbar{width:100%;background-color:rgb(151,44,44);overflow:auto;}.navbar...
Depuis 2024-04-04 18:24:52
0
1
338
Passer de Show Hidden à Show Block lorsque le focus ne fonctionne pas J'essaie de faire apparaître mon "searchbardropdown" lorsque vous cliquez sur &q...
Depuis 2024-04-04 14:24:47
0
1
371
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal