Question

过滤器，我想先选择一个单选按钮。

Restorent1✔| restorent 2 | restorent3 | restorent4

<div ng-repeat="restorent_type in restaurant_types" style="margin:5px;" class="col col-offset-10">
    <label class="item item-radio radio-label {{restorent_type.RESCOD}}">
        <input type="radio" name="group" ng-model="restorent.types" value="{{restorent_type.RESCOD}}" ng-click="filters.RESCOD = restorent_type.RESCOD">
        <div class="item-content">
            {{restorent_type.RESCOD}}
        </div>
        <i class="radio-icon ion-checkmark"></i>
    </label>
</div>

Answer 1

使用ng-checked

如果我们将Angular插值表达式放入这样的属性中然后，当浏览器删除时，绑定信息将丢失属性。 ngChecked指令解决了这个问题检查属性。该补充指令不会被删除浏览器等提供了一个永久可靠的存储位置绑定信息。

<input type="radio" name="group" ng-model="restorent.types" value="{{restorent_type.RESCOD}}" ng-checked="$index === 1 ? true : false" ng-click="filters.RESCOD = restorent_type.RESCOD">

或使用

ng-checked="$first"

Answer 2

你也可以先使用$

<div ng-repeat="restorent_type in restaurant_types" style="margin:5px;" class="col col-offset-10">
    <label class="item item-radio radio-label {{restorent_type.RESCOD}}">
        <input type="radio" name="group" ng-model="restorent.types" value="{{restorent_type.RESCOD}}" ng-click="filters.RESCOD = restorent_type.RESCOD" ng-checked="$first">       
        <div class="item-content">
            {{restorent_type.RESCOD}}
        </div>
        <i class="radio-icon ion-checkmark"></i>
    </label>
</div>

Answer 3

很简单，你可以在控制器中执行此操作：

restaurant_types[0].types = true;

先检查restaurant_types[0].types至true

Answer 4

Good Quation尝试此代码

angular.module "myApp", []

angular.module("myApp").controller "myCtrl", ($scope) ->

  $scope.keywords = [{name: "kw1", checked: false}, {name: "kw2", checked: true}]

如何检查角度js中ng-repeat循环的第一个复选框？

4 个答案: