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

时间:2015-06-20 07:01:26

标签: javascript angularjs

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

  

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>

4 个答案:

答案 0 :(得分:3)

使用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"

答案 1 :(得分: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>

答案 2 :(得分:1)

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

restaurant_types[0].types = true;

先检查restaurant_types[0].typestrue

答案 3 :(得分:0)

Good Quation尝试此代码

angular.module "myApp", []

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

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