javascript - 使用 Angular JS 和 ng Repeat 自动选择单选按钮

Question

我正在使用 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';

我该怎么做？

Answer 1

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