列表项的动态生成--使用ng-repeat指令
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="mshApp">
<div ng-controller="fkCtrl">
<form name="myForm">
使用repeat生成用餐列表项:<br><br>
<select name="repeatSelect" id="repeatSelect" ng-model="data.mySelectMeal">
<option ng-repeat="op in data.MealType" ng-value="{{op.id}}">{{op.name}}</option>
</select>
</form>
<hr>
<tt>myMeal = {{data.mySelectMeal}}</tt><br/>
</div>
<script>
var app = angular.module('mshApp', []);
app.controller('fkCtrl',f1);
function f1($scope) {
$scope.data = {
MealType: [
{id: 1, name:'早餐'},
{id: 2, name:'中餐'},
{id: 3, name:'晚餐'},],
mySelectMeal: ""
};
};
</script>
</body>
</html>