关闭

angularjs Select下拉选择宽

标签: angularjsselect
716人阅读 评论(0) 收藏 举报
分类:
<!DOCTYPE html>
<html>
<head>
    <title>angularjs下拉选择框</title>
    <meta charset="utf-8" />
    <script src="angular/angular.min.js"></script>
</head>
<body>
    <div ng-app="myApp" ng-controller="myCtrl">
        <select ng-model="mySelect" ng-options="x.site for x in sites"></select>
        <h1>{{mySelect.site}}</h1>
        <p>{{mySelect.url}}</p>
    </div>
    <script>
        angular.module("myApp",[]).controller("myCtrl",function($scope){
            $scope.sites = [
            {site : "google", url:"http://www.baidu.com"},
            {site : "Runoob", url : "http://www.runoob.com"},
            {site : "Taobao", url : "http://www.taobao.com"}
            ];
        });
    </script>
</body>

</html>

ng-options中的x就是出现在下拉框中的选项,也是sites数组中的某一项。要出现该项中的哪一种属性,我们都可以很轻松的定制。而ng-model的值就是选中的某一个对象的值。可以很方便的操作其属性!

0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

angularjs实现下拉列表的选中事件

自动发放 <option value="1"
  • han1196639488
  • han1196639488
  • 2017-03-02 16:53
  • 1776

angularjs 下实现即可通过select选择 也可以通过input输入

题记:本篇文章介绍,一种可以select选择输入,也可以input,主要原理就是把input输入框覆盖select,并且在选择select后,把值赋值给input 1 参考demo 可输...
  • u011563903
  • u011563903
  • 2015-11-15 17:57
  • 6884

AngularJS系列之select下拉选择第一个选项为空白的解决办法

今天给大家介绍一下AngularJS系列之select下拉选择第一个选项为空白的解决办法。 相信大家也经常遇到这种情况吧:在使用AngularJS中的select组件开发的时候,莫名其妙的第一个选项就...
  • linzhiqiang0316
  • linzhiqiang0316
  • 2016-09-09 18:08
  • 14176

angularjs ui-select2 多选下拉所需资源文件

  • 2017-07-26 10:59
  • 21KB
  • 下载

angularjs下拉列表 select

ee 学制: --请选择-- {{a_show}} 班级: --请选择-- {{b_show}} var...
  • u014520745
  • u014520745
  • 2016-10-25 10:00
  • 835

jquery搜索栏select下拉选择框

  • 2013-12-03 09:03
  • 38KB
  • 下载

jquery select插件带搜索框的下拉选择框代码

  • 2017-08-24 09:44
  • 36KB
  • 下载

select下拉选择不同状态

  • 2013-09-23 15:17
  • 100KB
  • 下载

JS+CSS和图片美化select下拉列表选择框

  • 2008-10-27 20:43
  • 7KB
  • 下载

CSS自定义select下拉选择框的样式(不用其他标签模拟)

  • 2016-02-01 06:05
  • 453B
  • 下载
    个人资料
    • 访问:12112次
    • 积分:723
    • 等级:
    • 排名:千里之外
    • 原创:62篇
    • 转载:1篇
    • 译文:0篇
    • 评论:0条