AngularJS ng-options 指令
AngularJS 教程
· 2019-04-01 23:17:54
AngularJS 实例
使用数组元素填充下拉列表:
<div ng-app="myApp" ng-controller="myCtrl">
<select ng-model="selectedName" ng-options="item for item in names"></select>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.names = ["Emil", "Tobias", "Linus"];
});
</script>
<select ng-model="selectedName" ng-options="item for item in names"></select>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.names = ["Emil", "Tobias", "Linus"];
});
</script>
定义和用法
ng-options 指令用于使用 <options> 填充 <select> 元素的选项。
ng-options 指令使用数组来填充下拉列表,多数情况下与 ng-repeat 指令一起使用。
语法
<select ng-options="array expression"></select>
<details> 元素支持该指令。
参数值
| 值 | 描述 |
|---|---|
| array expression | 数组中为 select 元素填充选项的表达式。 |
点击查看所有 AngularJS 教程 文章: https://codercto.com/courses/l/36.html
疯狂又脆弱 坚定又柔软
朱墨 / 湖南文艺出版社 / 2018-3 / 39.80元
《疯狂又脆弱 坚定又柔软》是朱墨的一部作品集,介绍了作者考研到北京,工作在华谊,以及留学去英国的经历,在这短短几年中她一路升职加薪,25岁升任华谊宣传总监,27岁赚到人生的第一笔100万,30岁却毅然离职去英国留学,在表面的光鲜亮丽之下,她也曾付出过外人所不知道的心血和努力。她的人生告诉我们,每一个身居高位或者肆意潇洒的人,都曾为梦想疯狂地倾尽全力,而那些心怀梦想的人也总是怀揣一颗坚定又柔软的内心......一起来看看 《疯狂又脆弱 坚定又柔软》 这本书的介绍吧!