ng-click 不适用于内部 div

Question

我正在尝试做一件非常简单的事情。 ng-click 不工作。任何想法为什么？嵌入另一个 div 的 div 是否有问题，或者我太困了？受影响的项目不包含在下面的代码中，但没有任何事件通过点击注册。

<div ng-switch-when="3" ng-mouseenter="showIcons=true" ng-mouseleave="showIcons=false">
    <div ng-if="editPerm" ng-show="showIcons" class="icon_holder" style="width: {{obj.mainwidth}}px;">
    <div class="deletebutton"></div>
    <div ng-click="equationShow=!equationShow" class="equationspecs"></div>
</div>
<div class="equationBlock">
    <div class="eqshow" id="{{obj.itemid}}" ng-show="!obj.showEdit" ng-dblclick="obj.showEdit=!obj.showEdit">
    <span mathjax-bind="obj.data.Format_left"></span>=
    <span mathjax-bind="obj.data.Format_showequation"></span>=
    <span mathjax-bind="obj.data.Format_showsolution"></span>
</div>

Answer 1

如果您能够单击其中没有内容的 div（有时很难做到！），它只会反转示波器上的 equationShow 的值。

但这不会产生明显的差异。从我在您的示例中看到的情况来看，没有以任何方式使用 equationShow 的值。

根据您的评论，您可能遇到了变量作用域问题。

例如，如果您做了这样的事情，它更有可能奏效：

<div ng-init="myVariable = false">
  <div ng-if="!myVariable">
    <div ng-click="$parent.myVariable = !$parent.myVariable">Show the other div</div>
  </div>
  <div ng-if="myVariable">
     Showing this div
  </div>
</div>

ng-click 不适用于内部 div

ng-click not working on inner div

angularjs

angularjs-ng-click