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

时间:2015-03-10 16:22:03

标签: javascript angularjs

晚上全部。任何人都可以告诉我如何在加载时设置一个单选按钮来检查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);
};

由于

3 个答案:

答案 0 :(得分:2)

非常简单地使用$ 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

答案 1 :(得分:0)

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

...

答案 2 :(得分:0)

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

<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)"/>

希望有所帮助