选中的复选框 ng-change 不是第一次触发

Question

这是我的代码：

$scope.toggleBandPics = function(bandid){
    for (var picid in $scope.bands[bandid]['pics']) {
        $scope.bands[bandid]['pics'][picid]['show'] = ($scope.bands[bandid]['pics'][picid]['show'] == 'true'? 'false': 'true');
    }
}

<span ng-repeat="band in bands">
    <div class="bandsfilter">
     <span ng-show="bButtons">
      <input class="checkbox"
   name="{{band.urlbandname}}"
   type="checkbox"
   id="{{band.urlbandname}}"
   ng-model="band.checked"
   ng-checked="{{band.checked}}==true"
   ng-true-value="{{band.checked}}==true"
   ng-false-value="{{band.checked}}==false"
   ng-change="toggleBandPics({{band.bandid}})"
   />
   {{band.bandname}}&nbsp;({{band.noOfPicsPerBand}})
       <span id="counter{{band.bandid}}" class="hidden">
                    {{band.noOfPicsPerBand}}
            </span>
  <span>
 </div>
</span>
<span ng-repeat="band in bands">
    <span ng-repeat="picture in band.pics">
     <div class='picture' ng-show="picture.show=='true'" ng-cloack>
      <a class="shadowbox{{picture.bandid}} photo" rel="shadowbox[{{humanconcertdate}}]" title="{{picture.bandname}}, {{humanconcertdate}}, {{venuename}}" href="/concert2/{{band.concertid}}/{{band.bandid}}/{{picture.filename}}">
    <img src="/concert2/{{picture.concertid}}/{{picture.bandid}}/{{picture.filename}}" alt="{{picture.bandname}}, {{humanconcertdate}}, {{venuename}}" />
            </a>
        </div>
    </span>
</span>

现在，当我运行这个 ng-change 被触发时，除了第一次取消选中复选框。再次检查时（因此第二次单击时）它会触发。

Answer 1

首先，你不需要angular表达式（{{}}）在ng-

里面

其次，模型将默认设置为值boolean。您不需要 ng-true-value 或 ng-false-value 来设置它。如果您需要 boolean 以外的其他值，您可以使用

这样试试

<input class="checkbox"
       name="{{band.urlbandname}}"
       type="checkbox"
       id="{{band.urlbandname}}"
       ng-model="band.checked"
       ng-change="toggleBandPics(band.bandid)"
/>

选中的复选框 ng-change 不是第一次触发

Checked checkbox ng-change not firing first time

angularjs

checkbox

angularjs-ng-change