angularjs Select下拉选择宽
<!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的值就是选中的某一个对象的值。可以很方便的操作其属性!

阅读更多
文章标签: angularjs select
个人分类: angularjs
博主设置当前文章不允许评论。

没有更多推荐了,返回首页

不良信息举报

angularjs Select下拉选择宽

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭