Javascript 如何在angular js中基于复选框选择显示/隐藏div

我的页面上有一个复选框和一个div

<input type="checkbox" id="Animals" name="Animals" ng-model="ModelData.Animals" 
                            ng-checked="ModelData.Animals == 'A'" />


 <div class="form-group" ng-show="ModelData.Animals == 'A'">

                        <label for="FirstName" class="col-md-9">
                            Are you interested in Animal Liability Coverage?
                        </label>
                        <div class="col-md-3">
                            <label>
                                <input type="radio" id="AnimalLiabCovY" name="AnimalLiabilityCoverageRadio" ng-model="ModelData.AnimalLiabCov"
                                    value="Y" />
                                Yes
                                <input type="radio" id="AnimalLiabCovN" name="AnimalLiabilityCoverageRadio" ng-model="ModelData.AnimalLiabCov"
                                    value="N" />
                                No
                            </label>
                        </div>
  </div>

你对动物责任险感兴趣吗？
对
不

---

我想在选中复选框时显示DIV，取消选中时隐藏。这是第一次，当选中复选框并且取消选中复选框时DIV隐藏时，上述代码正常工作。但是第一次之后，它就不起作用了。选中复选框后，它不会显示DIV。

您尝试过这种方法吗？这是一个很好的例子

<input type="checkbox" id="Animals" name="Animals" ng-model="ModelData.Animals" />
<div class="form-group" ng-show="ModelData.Animals">
  <label for="FirstName" class="col-md-9">
    Are you interested in Animal Liability Coverage?
  </label>
  <div class="col-md-3">
    <label>
      <input type="radio" id="AnimalLiabCovY" name="AnimalLiabilityCoverageRadio" ng-model="ModelData.AnimalLiabCov" value="Y" /> Yes
      <input type="radio" id="AnimalLiabCovN" name="AnimalLiabilityCoverageRadio" ng-model="ModelData.AnimalLiabCov" value="N" /> No
    </label>
  </div>
</div>

你对动物责任险感兴趣吗？
对
不

我认为您正在寻找

ng真值

和

ng假值

<div ng-app>
    <div >
        <input type="checkbox" ng-true-value="A" ng-false-value="B" ng-model="check"/>        
    </div>

    <div ng-show="check == 'A'">
        Checked
    </div>
</div>

选中的

沃尔夫：

老虎：

狮子：

选中时显示：
当狼被选中时，这将被删除。
当老虎被检查时，它被移除。
当狮子被检查时，这将被移除。

在ng模型中，输入类型复选框返回true false，所以我只使用这个选项。它在工作

   <div ng-app>
   <div >
      <input type="checkbox" ng-model="check"/>        
  </div>

  <div ng-show="check == true">
     Checked
  </div>

选中的

谢谢你，泰勒。我知道我错过了什么。

   <div ng-app>
   <div >
      <input type="checkbox" ng-model="check"/>        
  </div>

  <div ng-show="check == true">
     Checked
  </div>