使用ng-repeat 指令来创建下拉列表

简介:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title></title>

<link rel="stylesheet" href="">

</head>

<body>

<div ng-app="myApp" ng-controller="myCtrl">

<select>

<option ng-repeat="x in names">`x`</option>

</select>

</div>

</body>

<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>

<script>

var app = angular.module("myApp",[]);

app.controller("myCtrl",function($scope){

$scope.names = ["Google","Runoob","Taobao"];

});

</script>

</html>

本文转自  素颜猪  51CTO博客,原文链接:http://blog.51cto.com/suyanzhu/1895332

相关文章
|
7月前
|
JavaScript API
vue的select下拉框多选项-multiple属性
vue的select下拉框多选项-multiple属性
154 0
|
7月前
|
JavaScript
JS设置select下拉框默认选中
JS设置select下拉框默认选中
|
7月前
通过select下拉框里的value控制div显示与隐藏
通过select下拉框里的value控制div显示与隐藏
46 0
|
9月前
|
JavaScript
js根据内容让select默认选中
js根据内容让select默认选中
|
10月前
Ant Design:Radio.Group单选组合与Select下拉选项两种添加子组件选项的语法
Ant Design:Radio.Group单选组合与Select下拉选项两种添加子组件选项的语法
143 0
|
JavaScript 前端开发
vue中select的option默认选中项的问题解决方案
vue中select的option默认选中项的问题解决方案
|
数据库
【TP5】select下拉框的默认显示父级
【TP5】select下拉框的默认显示父级
254 0
【TP5】select下拉框的默认显示父级
|
JavaScript 小程序
小程序在js设置data,循环点击改变tab的颜色
小程序在js设置data,循环点击改变tab的颜色
240 0
小程序在js设置data,循环点击改变tab的颜色
【mpvue】radio-group 标签组 点击两次 label才可以选中状态
1.问题复现 用 radio-group 标签组实现单选功能,点击两次才可以使 label 呈现选中状态,但是e.target.value 的值已经发生变化了。
267 0
|
JavaScript
自定义v-color指令
自定义v-color指令