Question

晚上全部。任何人都可以告诉我如何在加载时设置一个单选按钮来检查ng-repeat吗？在下表中，我有一个我创建的排序函数的价格列表。它从最低价格下调。有没有办法可以在每次加载表时将最低价格单选按钮设置为“选中”？

<table> 
<tr ng-repeat="prices in productVariant.prices | orderBy: tcoSort">
    <td><strong>{{prices.code }}</strong></td>
    <td ng-click="displayFullPricing(prices)">
            <input type="radio"  name="{{variant.code}}" ng-click="displayFullPricing(prices, $index)">
        </td>
</tr>

$scope.tcoSort = function (productVariant) {
return  productVariant.nonRecurring.retailPrice + (productVariant.monthly.retailPrice * $scope.productAttributesObj.Term);
};

由于

Answer 1

非常简单地使用$ scope.modelName并将其值设置为默认情况下要设置的单选按钮的任何值（属性），例如： -

男女

现在设置$ scope.one =＆＃34;男性＆＃34;在控制器中，您将获得单选按钮的默认值。

如果ng-repeat概念相同，但您只需要将$ parent与ng-repeat模型一起使用，因为ng-repeat创建了自己的范围，无法从控制器访问。

以下是小型模拟示例： -

 <div ng-repeat="check in people">
                <input type="radio" name="hello" value="{{check.name}}" ng-model="$parent.human"/> {{check.name}}
                </div>

 $scope.people=[
        { 
            'name':'rachit'
        },
        { 
            'name':'gulati'
        },
        { 
            'name':'rocks'
        }
    ]
    $scope.human='gulati';//You need to set it to the lowest price from your array .

这是fiddle

Answer 2

<input type="radio"  name="{{variant.code}}" ng-click="displayFullPricing(prices, $index)" checked>

...

Answer 3

使用您可以使用的复选框的示例：

<tr ng-repeat="content in contents" ng-class="{danger: currentContent.resource_uri === content.resource_uri || checkboxes.isSelected[content.id]}"  name="content[{{$index}}]" ng-click="selectContent(content, $index);">
      <td class="grid-checkbox"><input type="checkbox" ng-model="checkboxes.isSelected[content.id]" name="checkbox[{{content.id}}]" ng-checked="checkboxes.isSelected[content.id]" ng-change="changeCheckbox(content, $index)"/></td></tr>

这是我代码中的一个片段我想你需要的是

<input type="checkbox" ng-model="checkboxes.isSelected[content.id]" name="checkbox[{{content.id}}]" ng-checked="checkboxes.isSelected[content.id]" ng-change="changeCheckbox(content, $index)"/>

希望有所帮助

在ng-repeat中设置单选按钮以进行检查

3 个答案: