ng select 默认选中某一项

最新推荐文章于 2024-11-22 12:05:34 发布

原创最新推荐文章于 2024-11-22 12:05:34 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#angularjs

本文介绍了一个使用AngularJS实现的动态下拉菜单示例。通过HTML与JS代码结合，展示了如何设置下拉选项并利用ng-repeat指令来动态生成菜单项。此示例中包含了类型列表与流类型的选择。

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

//html
<div  style="display: flex;justify-content: center;"
      ng-repeat="s in typeList track by $index">
      <select ng-model="s.type"
         ng-options="x.code_val as x.code_desc for x in flowList">
      </select>
</div>

//js
$timeout(() => {
      $scope.flowList = [
        {
          code_val: 0,
          code_desc: '阳光快富'
        },
        {
          code_val: 1,
          code_desc: '现金'
        }
      ]
      $scope.typeList = [
        {
          type: 1
        },
        {
          type: 1
        }
      ]
    }, 500)