使用带有 ng 重复的 Angular js 自动选择单选按钮选择答案

【问题标题】：autoselect radio button selection using angular js with ng repeat使用带有 ng 重复的 Angular js 自动选择单选按钮选择
【发布时间】：2019-08-01 01:43:43
【问题描述】：

我正在使用 Angular js 来显示单选按钮并根据所选单选按钮显示信息。我将列表 1 和列表 2 都定义为单选按钮。当我选择 list1 选项时，它应该显示 5 个不同的项目作为单选按钮。与 list2 相同，当它被选中时，5 个不同的项目显示为单选按钮。选择其中一个项目时，它会显示与项相关的信息。

当我在 list1 中选择 list1 和 item3 然后我切换到 list2 我希望选择在 list2 的 item1 但我得到的是 list2 和 item3 被选中。如何将选择初始化为 list2 item1。

这是html：

<div class="col-sm-12"><strong>Lists:</strong></div>

    <div class="col-sm-12">
       <input type="radio" name="list1" value="list1" checked="checked" ng-model="listSelected" ng-click="SelectOption('List1')">
        List1;

       <input type="radio" name="list2" value="list2" checked="checked" ng-model="listSelected" ng-click="SelectOption('List2')">
        List2;

        </div>

 <label ng-repeat="item in itemMetaData" id="Label2" cursor: pointer">
       input type="radio" name="item1" value="{{item.itemName}}" ng-model="itemName" ng-click="getitemsinfolist(item.itemName)">
          {{item.itemName}}
 </label>

我尝试这样做，但没有成功：

 $scope.item.itemName = 'item1';

我该怎么做？

【问题讨论】：

您是否对两个列表使用不同的ng-models？请问可以分享完整的sn-p吗？
@FarazJaved 没有相同的 ng 模型。我更新了问题。

标签： javascript html angularjs

【解决方案1】：

我认为您可以使用唯一键来识别标签，以显示 list1 中的项目和 list2 中的项目之间的区别。当您更改为list2 时，您可以使用键来初始化要选择的项目。第二种方式是可以显示所有标签，无论标签属于list1还是list2，都可以使用一个值来显示或隐藏标签。

【讨论】：