javascript - 检查的输入在 Angular 侧面部分中不起作用

Question

我是 Angular 的初学者。我正在做一个 Angular 项目。我的部分源代码中有一个输入复选框。当它选中时，应该出现一个弹出窗口，未选中状态有一个弹出窗口。

我在谷歌上找到了下面的代码，它可以单独工作。但是当我把它放在我的部分源代码中时，它不起作用。

<div>
<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-show="check == 'B'">
    Unchecked
</div>

谁能帮帮我

Answer 1

假设您想要访问已使用 ng-controller 加载的部分内的父 Controller 值指令，因为您需要在代码中遵循点规则，如 ng-controller每当添加指定模板时，都会创建一个新的子作用域。

为了解决问题，您应该将数据放在对象结构中，以便遵循原型(prototype)继承

代码

$scope.model = {};

标记

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

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

<div ng-show="model.check == 'B'">
    Unchecked
</div>

另一种方法是您可以简单地使用 $parent之前check范围变量，它将引用 Controller 的父范围。

只需替换 check与 $parent.check View 中的任何地方，这都会起作用，但第一种方法是最可取的。