將值設置為true時，復選框未顯示為選中狀態

Question

我在有角度的應用程序中使用iCheck，當選中顯示圖像時，我有一個基本的復選框。 這與ng-show完美配合，但是當我在控制器內將值設置為true時，頁面加載后不會返回選中狀態。

調節器

$scope.basicIntake = {};
$scope.basicIntake.insurance_cover = true;

html

<div class="row">
            <div class="form-group col-lg-6">
                <div class="col-lg-12">
                    <label>
                        <input icheck type="checkbox"  ng-model="basicIntake.insurance_cover">
                            click to see image
                    </label>
                </div>
            </div>
            <div class="form-group col-lg-6">
                <div class="col-lg-12">
                    <img ng-src="http://i.imgur.com/vkW3Lhe.jpg" class="img-responsive img-thumbnail" ng-show="basicIntake.insurance_cover">
                </div>
            </div>
        </div>

Answer 1

這是因為您的模板未通過指令ng-controller綁定到任何ng-controller 。 在進行任何事件之前，不會創建您的屬性。 如： click 。

請參閱此附帶的提琴，然后嘗試連接。 嘗試從頂部Div刪除ng-controller來解決您的問題。

此外：當您已經有了ng-model時，就不需要進行ng-checked

Answer 2

更改：

<input icheck type="checkbox"  ng-model="basicIntake.insurance_cover">

至：

<input icheck type="checkbox" ng-checked="basicIntake.insurance_cover" ng-model="basicIntake.insurance_cover" ng-click="checkAll()">

它將起作用。

（Miguel Lattuada在對您的問題的評論中也提出了建議）