【问题标题】:Set a checkbox in a ng-repeat to checked by default将 ng-repeat 中的复选框设置为默认选中
【发布时间】:2017-03-22 23:17:07
【问题描述】:

我在 ng-repeat 中有以下复选框,默认情况下应始终选中该复选框。我遇到的问题是我可以将其设置为在控制器范围内检查,但不能在项目(性能)范围内检查。因此,如果我将其设置在控制器范围内,如果您未选中它,则所有项目(性能)都未选中。顺便说一句,从我遇到的所有示例中,都显示了最初根据我没有的项目数组中的值检查的复选框。

<div ng-repeat="(perf) in $ctrl.filteredPerfs">
  <div class="row">
    <div class="pull-right cs-fg" ng-class="{'hidden': perf.showContigSeats == 'N'}">
      <md-input-container class="cs_ic">
        <span>
            <md-checkbox md-block class="ada-reserve" ng-model="perf.resTkts"></md-checkbox>
        </span>
        <span class="cs-ada-label">Only reserve tickets next to each other</span>
      </md-input-container>
    </div>
  </div>
</div>

【问题讨论】:

  • 是的,但是您不能取消选中它。我认为...

标签: angularjs


【解决方案1】:

解决方案 1

初始化perf.resTkts为真:

<md-checkbox md-block ng-model="perf.resTkts" ng-init="perf.resTkts = true"></md-checkbox>

解决方案 2

使用ng-checked:

<md-checkbox md-block ng-model="perf.resTkts" ng-checked="true"></md-checkbox>

【讨论】:

    【解决方案2】:

    ng-checked : 如果这个表达式的计算结果为真,'md-checked' css 类被添加到复选框中,它会显示为选中

    <md-checkbox md-block class="ada-reserve" ng-checked="perf.resTkts" ng-model="perf.resTkts"></md-checkbox>
    

    默认设置 perf.resTkts = true

     <md-checkbox md-block class="ada-reserve" ng-checked="true" ng-model="perf.resTkts"></md-checkbox>
    

    【讨论】:

      猜你喜欢
      • 2014-02-16
      • 1970-01-01
      • 2014-09-11
      • 1970-01-01
      • 1970-01-01
      • 2021-04-26
      • 2015-07-17
      • 2016-09-19
      • 1970-01-01
      相关资源
      最近更新 更多