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的任何控制器。在您举办任何活动之前，不会创建您的酒店。比如：click。

请参阅此附件fiddle并尝试连接。尝试从顶部ng-controller移除Div以解决您的问题。

此外：当您已经ng-checked

时，无需ng-model

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在对你的问题的评论中也提出了这个建议）

将值设置为true时，未显示复选框

2 个答案: