Question

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

我有一张带ng-show.的表格。该表格的标题面板使用ng-click将ng-show作品切换为true或false。但是，我希望在顶部有一个按钮，可以将所有表格切换为某种方式。除非我点击单个表，否则它有效。如果单击单个表，则切换按钮将忽略该表。以下是代码的示例。

<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>

使用两次ng-click，无效

1 个答案: