ng-options

上代碼:

<!DOCTYPE html>
<html ng-app="app">
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="lib/angular.js"></script>
		<script>
	        var app = angular.module('app', []);
	        app.controller('selectController', function ($scope) {
	            $scope.mycity = '上海';
	            $scope.Cities = [{ id: 1, name: '北京', group: '中國' }, { id: 2, name: '上海', group: '中國' }, { id: 3, name: '廣州',group:'中國' }];
	        });
	    </script>
	</head>
<body>
    <div ng-controller="selectController">`mycity`
        <select ng-model="mycity" ng-options="v.name as v.name for v in Cities">
        </select>
    </div>
</body>
</html>

"v.name as v.name for v in Cities"這段代碼最重要,

Cities是數據來源,

v是Cities中的子數據,

第二個v.name將會展示在option中,

第一個v.name將會把值和ng-model="mycity"進行同步。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章