使用两次 ng-click，不起作用

Question

我正在制作一张可折叠的桌子。

我有一张带有ng-show. 的表格 表格的标题面板使用ng-click 来切换ng-show 部分是真还是假。但是，我想在顶部有一个按钮，可以将所有表格切换到一种或另一种方式。除非我单击单个表格，否则它会起作用。如果单击单个表，则切换按钮将忽略该表。下面是代码的示例。

<h3>{{page.name}}
    <button type="button"ng-click="isOpen=!isOpen">Toggle</button> 
</h3>

<div>
    <div class="panel-heading" ng-click="isOpen=!isOpen">
        <h3>{{table.name}}</h3>
    </div>

    <table ng-show="!isOpen">
       ~~table contents~~
    </table>
</div>

表格一开始是打开的，然后在按下切换按钮或单击它们的标题时关闭。但是，如果通过单击标题进行了更改，则切换按钮无法更改表。 一个按钮是最好的，但是有两个按钮（一个可以打开所有按钮，一个可以关闭所有按钮）也可以很好地工作，我觉得可能是唯一的方法。

Answer 1

<button type="button"ng-click="isOpen=!isOpen">Toggle</button>  
//lose a space.... and did you init the isOpen?
<button type="button" ng-click="isOpen=!isOpen">Toggle</button>