我希望动态管理SELECT标签下的选项数量,并在更新选项后自动选择最后添加的选项。
以下是我尝试过的:
<!DOCTYPE html>
<html ng-app="plunker">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<script>
document.write('<base href="' + document.location + '" />');
</script>
<link rel="stylesheet" href="style.css" />
<script data-require="angular.js@1.0.x"
src="http://code.angularjs.org/1.0.7/angular.min.js"
data-semver="1.0.7"></script>
<script src="app.js"></script>
</head>
<body ng-controller="MainCtrl">
<select ng-model="selectedOption">
<option value="">-----Select an option-----</option>
<option ng-repeat="option in options" value="{{option.value}}">
{{option.name}}
</option>
</select>
<button ng-click="addOption()">Add option</button>
</body>
</html>
添加选项时,SELECT将切换为不存在的值。似乎在选项更新之前解决了SELECT值更新。
有谁知道我该怎么解决这个问题吗?
暂无答案!
目前还没有任何答案,快来回答吧!