AngularJS——6、Select（选择框）

最新推荐文章于 2022-12-17 16:08:21 发布

VIP文章 MF-Bee

最新推荐文章于 2022-12-17 16:08:21 发布

阅读量243

点赞数

分类专栏： AngularJS 文章标签： AngularJS

本文链接：https://blog.csdn.net/AFencounter/article/details/103557602

版权

<!-- 通用部分 -->
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">    
    </head>
    <body>
        ......
        <script src="//apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
        ......
    </body>
</html>

数据源为数组

1、ng-options创建（通过对象和数组循环输出）（选项为对象）

<div ng-app="xxApp" ng-controller="xxCtrl">
    <select ng-model="selected" ng-options="x for x in TVnames">
    </select>
</div>
<script>
    var app = angular.module('xxApp', []);
    app.controller('xxCtrl', function($scope) {
        $scope.TVnames = ["《我在北京等你》", "《隐秘而伟大》", "《号手就位》"];
    });
</script>

2、ng-repeat创建（通过数组循环 HTML 代码输出）（选项为字符串）

最低0.47元/天解锁文章

优惠劵

MF-Bee

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AngularJS——6、Select（选择框）

<!DOCTYPE html><html> <head> <meta charset="utf-8"> </head> <body> ...... <script src="//apps.bdimg...
复制链接

扫一扫