gpt4 book ai didi

javascript - 在特定条件下使用单选按钮切换 ng-repeat

转载 作者:行者123 更新时间:2023-11-30 20:50:31 24 4
gpt4 key购买 nike

我有几个由 ng-repeat 生成的单选按钮切换。默认情况下,我希望第一个单选按钮全部切换,如果条件适用,我希望只切换该单选按钮。

<li ng-repeat="method in itemGroup.ShippingMethods">
<input ng-model="itemGroup.SelectedShippingMethod"
ng-change="changeShipping(itemGroupKey,
itemGroup.SelectedShippingMethod)"
type="radio"
name="Shipping"
id="method.Name"
value="method.Name"
/>

在我的 JS 文件中:

$scope.itemGroup = { SelectedShippingMethod: "Express" };

代码的目的是默认切换第一个按钮,除非满足条件( express 运输),在该条件下该按钮将被切换。

在 [Standard, Fast, Speedy] 列表中,Standard 单选按钮将被切换。在 [Standard, Fast, Express] 列表中,Express 单选按钮将被切换。

如有任何帮助,我们将不胜感激。

最佳答案

你可以在 radio 输入上使用类似这样的东西:

ng-checked="$first || item == 'Express'"

注意:item == 'Express' 将根据您的数据结构和循环而有所不同。


这是此解决方案的一个简单演示:

angular.module('myApp', [])
.controller('myCtrl', function($scope) {
$scope.itemslists = {
list1: ['Standard', 'Fast', 'Speedy'],
list2: ['Standard', 'Express', 'Speedy'],
list3: ['Standard', 'Fast', 'Express']
};
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.7/angular.min.js"></script>
<body ng-app="myApp" ng-controller="myCtrl">
<ul style="list-style-type: none" ng-repeat="(list, items) in itemslists">
<h3 style="margin-bottom: 2px">{{list}}</h3>
<li ng-repeat="item in items">
<label>
<input type="radio" name="{{list}}" ng-checked="$first || item == 'Express'"/>
{{item}}
</label>
</li>
</ul>
</body>

关于javascript - 在特定条件下使用单选按钮切换 ng-repeat,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48237805/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com