ng-options

前端之家收集整理的这篇文章主要介绍了ng-options前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

代码

<!DOCTYPEhtml>
<htmlng-app="app">
	<head>
		<Metacharset="UTF-8">
		<title></title>
		<scriptsrc="lib/angular.js"></script>
		<script>
	varapp=angular.module('app',[]);
	app.controller('selectController',function($scope){
	$scope.mycity='上海';
	$scope.Cities=[{id:1,name:'北京',group:'中国'},{id:2,name:'上海',{id:3,name:'广州',group:'中国'}];
	});
	</script>
	</head>
<body>
<divng-controller="selectController">{{mycity}}
<selectng-model="mycity"ng-options="v.nameasv.nameforvinCities">
</select>
</div>
</body>
</html>

"v.name as v.name for v in Cities"这段代码最重要,

Cities是数据来源,

v是Cities中的子数据,

第二个v.name将会展示在option中,

第一个v.name将会把值和ng-model="mycity"进行同步。

原文链接:https://www.f2er.com/angularjs/149606.html

猜你在找的Angularjs相关文章