个人中心
gpt4 book ai didi

javascript - 为多选选择的 Angular

转载 作者：行者123 更新时间：2023-11-30 17:04:29 25 4
gpt4 key购买 nike

我正在研究这个 fiddle HERE

这是我的 Controller 

angular.module('demoApp', []).controller('DemoController', function($scope) {

  $scope.options = [
    { label: 'one', value: 'a' },
    { label: 'two', value: 'b' },
    { label: 'three', value: 'c' },
    { label: 'four', value: 'd' }
  ];

  $scope.selected = [{ 'sel': 'a' },{ 'sel': 'b' },{ 'sel': 'c' } ] ;


});

$scope.options 是我选择 dom 的选项，$scope.selected 是我选择 dom 中的选定项

这是我的index.html

<body ng-app="demoApp">
    <div ng-controller="DemoController">
        <div ng-repeat="data in selected">
            <select ng-model="data.sel"
                ng-options="opt as opt.label for opt in options">
            </select>
            selected must be : {{data.sel}}
        </div>
    </div>
</body>

我的是这个

enter image description here

我需要的是在第一次加载时必须这样选择所选的

enter image description here

谁能帮帮我？

最佳答案

你可以默认使用 ngInit:

<body ng-app="demoApp">
    <div ng-controller="DemoController">
        <div ng-repeat="data in selected">
            <select ng-model="data.sel"
            ng-options="opt.value as opt.label for opt in options" ng-init="data.sel = data.sel || options[$index].value">
        </select>
            selected must be : {{data.sel}}
        </div>
    </div>
</body>

fiddle

关于javascript - 为多选选择的 Angular ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28273013/

25 4 0
文章推荐： javascript - 使用 ExecCommand 插入多级无序列表
文章推荐： javascript - 如何防止可折叠内容默认不展开？
文章推荐： javascript - 将数字转换为字符串再转换为数字以删除点
文章推荐： c - 为什么我不必使用指针？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com