<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<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>

<p>該實例演示了如何使用 ng-options 指令填充下拉列表。</p>

</body>
</html>

定義和用法

ng-options 指令用于使用 <options> 填充 <select> 元素的選項。

ng-options 指令使用數(shù)組來填充下拉列表，多數(shù)情況下與 ng-repeat 指令一起使用。

語法

<details> 元素支持該指令。

參數(shù)值

值	描述
array expression	數(shù)組中為 select 元素填充選項的表達(dá)式。

以上就是對AngularJS ng-options資料的整理，后續(xù)繼續(xù)補充。

您可能感興趣的文章:

相關(guān)文章

淺談AngularJS中使用$resource（已更新）
這篇文章主要介紹了淺談AngularJS中使用$resource（已更新）的相關(guān)資料,需要的朋友可以參考下
2017-09-09
AngularJS實現(xiàn)樹形結(jié)構(gòu)(ztree)菜單示例代碼
這篇文章運用示例代碼給大家詳細(xì)介紹了利用AngularJS如何實現(xiàn)樹形結(jié)構(gòu)(ztree)菜單，文中僅用了幾行AngularJS代碼就是了這個功能，對大家日常開發(fā)很有幫助，有需要的朋友們可以參考借鑒，下面來一起看看吧。
2016-09-09
AngularJS 自定義指令詳解及實例代碼
這篇文章主要介紹了AngularJS 自定義指令，這里整理了詳細(xì)的資料及簡單實例代碼，有需要的小伙伴可以參考下
2016-09-09
Angular5升級RxJS到5.5.3報錯：EmptyError: no elements in sequence的解
這篇文章主要給大家介紹了關(guān)于Angular5升級RxJS到5.5.3報錯：EmptyError: no elements in sequence的解決方法，文中介紹了兩個解決方法，大家可以選擇使用，需要的朋友可以參考借鑒，下面來一起看看吧。
2018-04-04
Angular之jwt令牌身份驗證的實現(xiàn)
這篇文章主要介紹了Angular之jwt令牌身份驗證的實現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-02-02
webapp框架AngularUI的demo改造之路
這篇文章主要介紹了webapp框架AngularUI的demo改造之路,需要的朋友可以參考下
2014-12-12
Angular4.x通過路由守衛(wèi)進(jìn)行路由重定向?qū)崿F(xiàn)根據(jù)條件跳轉(zhuǎn)到相應(yīng)的頁面(推薦)
這篇文章主要介紹了Angular4.x通過路由守衛(wèi)進(jìn)行路由重定向，實現(xiàn)根據(jù)條件跳轉(zhuǎn)到相應(yīng)的頁面,這個功能在網(wǎng)上商城項目上經(jīng)常會用到，下面小編給大家?guī)砹私鉀Q方法一起看看吧
2018-05-05
深入淺析AngularJs模版與v-bind
v-bind與{{}}都可以對數(shù)據(jù)進(jìn)行綁定，接下來通過本文給大家介紹AngularJs模版與v-bind的相關(guān)知識，感興趣的朋友一起看看吧
2018-07-07
Angular父組件調(diào)用子組件的方法
組件是一種特殊的指令，使用更簡單的配置項來構(gòu)建基于組件的應(yīng)用程序架構(gòu).這篇文章主要介紹了Angular組件——父組件調(diào)用子組件方法,需要的朋友可以參考下
2018-04-04
AngularJS實現(xiàn)Input格式化的方法
這篇文章主要介紹了AngularJS實現(xiàn)Input格式化的方法,結(jié)合實例形式分析了AngularJS實現(xiàn)Input格式化的操作步驟與相關(guān)注意事項,需要的朋友可以參考下
2016-11-11