使用 ng-options 创建选择框

简介:

<!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 ng-init="selectedName = names[0]" ng-model="selectedName" ng-options="x for x in names"></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/1895330
相关文章
|
7月前
|
JavaScript
用JQuery实现选中select里面的option显示对应的div
用JQuery实现选中select里面的option显示对应的div
|
JavaScript API
vue的select下拉框多选项-multiple属性
vue的select下拉框多选项-multiple属性
488 0
【element-ui用法】el-radio-group默认选择和数据回显问题的解决方案
【element-ui用法】el-radio-group默认选择和数据回显问题的解决方案
804 0
|
JavaScript
js 选取table中checkbox选中行的某一列
js 选取table中checkbox选中行的某一列
109 0
|
JavaScript
|
JavaScript
jQuery设置下拉框select 默认选中option
$("#id option:first").prop("selected", 'selected');  将请选择加入到select中第一位 $("#id").
1590 0
|
JavaScript
VUE element-ui之页面全屏时el-select下拉菜单不显示问题解决
VUE element-ui之页面全屏时el-select下拉菜单不显示问题解决
2258 0
|
前端开发
Bootstrap系列 -- 15. 下拉选择框select
  Bootstrap框架中的下拉选择框使用和原始的一致,多行选择设置multiple属性的值为multiple。Bootstrap框架会为这些元素提供统一的样式风格   1 2 3 4 ...
1115 0