The ng-option directive is easy to use and only requires two properties to be bound:
One is Ng-model to get the selected value;
The other is an array of elements used by ng-options to determine the Drop-down list.
1, the problem background
Under normal circumstances, there will be option under Select, but Angularjs command ng-options, you can implement the Select Drop-down box
2, the realization of the source code
<! DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8">
<title> AngularJS drop-down box (Method 1) </ title>
<script type = "text / javascript" src = "../ js / angular.min.js"> </ script>
<script>
var app = angular.module ("selApp", []);
app.controller ("selCon", function ($ scope) {
$ scope.options = ["first quarter", "second quarter", "third quarter", "fourth quarter"];
});
</ script>
</ head>
<body>
<div ng-app = "selApp" ng-controller = "selCon">
<select ng-model = "selectedName" ng-options = "x for x in options" style = "width: 180px;">
</ select>
</ div>
</ body>
</ html>
3, the problem description
<select> <option></option> </select>
Using command ng-options, you can omit <option></option>
The above is a small set to introduce the ANGULARJS use ng-options instructions to achieve the Drop-down box, I hope to help you, if you have any questions please give me a message, small series will promptly reply to everyone. Here also thank you very much for the cloud Habitat Community website support!
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
