通过javascript选择输入复选框时未触发ng-show

Question

我有一个html页面，单击复选框会导致页面的新部分变为可见。 HTML看起来像这样：

            <input id="formcheck" ng-model="collapseform" type="checkbox">Fill in the Test Form         
            <div id="mainformdiv" class="wizard-div" ng-show="collapseform">                
                    <div>                           
                        <div class="main-block">    
                                ...and so on
                        </div>
                    </div>
            </div>

这部分工作正常-默认情况下，该页面的一部分是隐藏的，当我选中该复选框时，将显示页面的其余部分。 当我取消选择它时，页面的其余部分再次被隐藏。

在同一页面的下一层，有一个表，当您在该表中选择一个节点时，它会调用一个控制器函数，该控制器函数会导致一些内部值的设置-该部分也起作用，因此控制器似乎已正确设置，并且所有功能都可以调用。

我看到的问题是：除了设置内部值（它可以正确执行）之外，我还想向选择表节点时被调用的控制器函数添加一些内容，而我希望它做的是），还请选中该复选框，并作为响应显示页面的隐藏部分。 我以为如果通过javascript选中了复选框即可完成此操作，因此我将其添加到了内部值设置功能中：

        if (document.getElementById("formcheck").checked == false) {
            document.getElementById("formcheck").checked = true;
        }

这种工作-调用该代码段时，该复选框确实被选中，但是，与我用鼠标单击该复选框不同，它似乎不会触发ng-show，因此页面的隐藏部分不可见。 为了完成这项工作，我还需要做其他事情吗？

谢谢！

Answer 1

您应该能够更改模型的值。 由于NgModel提供双向绑定，因此它也会监视$scope变量。

例如做

$scope.collapseform = false

代替

if (document.getElementById("formcheck").checked == false) {
    document.getElementById("formcheck").checked = true;
}