我有下拉选择一个数字。 基于选定的值,我需要重复html中的部分。 例如,如果我在下拉菜单中选择3下后,页面应显示AngularJS根据下拉选择编号重复HTML内容
Display section 1 of 3
Display section 2 of 3
Display section 3 of 3
请帮忙找出我怎么能做到这一点。您的时间和帮助非常感谢。
Java脚本:
angular.module("myApp", [])
.controller("SolutionCtrl", function SolutionCtrl() {
var vm = this;
vm.noOfSites = 0;
vm.updateSites = function() {
console.log(vm.noOfSites);
}
vm.getTimes = function(n) {
return new Array(n);
}
})
HTML:
<body>
<div ng-app="myApp">
<div ng-controller="SolutionCtrl as ctrl">
<div>
<h5>Select No of Sites:</h5>
<select ng-model="ctrl.noOfSites" ng-change="ctrl.updateSites()">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
<div ng-repeat = "t in ctrl.getTimes(ctrl.noOfSites) track by $index">
<h2>Display section {{t}} of 3 </h2>
</div>
</div>
</div>
</body>
优秀。!感谢JSFiddle。 – laks