Angular JS select

最新推荐文章于 2024-08-10 07:13:33 发布

ms_勇往直前

最新推荐文章于 2024-08-10 07:13:33 发布

阅读量410

点赞数

CC 4.0 BY-SA版权

文章标签： angular select angularjs javascript

本文链接：https://blog.youkuaiyun.com/mhw828/article/details/78607588

本文介绍了一个简单的AngularJS应用案例，演示了如何使用AngularJS创建一个带有初始选中项的下拉选择框。通过提供的HTML和JavaScript代码，展示了如何定义数据模型并将其与视图进行绑定。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

AngularJS select

2017/11/20 14:09:10

效果

代码


    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>

        <script src="js/angular.min.js"></script>

        <script type="text/javascript">


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

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

                $scope.datas = ["中国", "天朝", "德国"]


            })

        </script>

    </head>
    <body ng-app="msApp" ng-controller="msCtrl">

    <select ng-init="selectedName=datas[0]" ng-model="selectedName" ng-options="x for x in datas"></select>

    </body>
    </html>