晚上全部。任何人都可以告诉我如何在加载时设置一个单选按钮来检查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);
};
由于
答案 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)"/>
希望有所帮助