2016-03-08 33 views
0

我正在使用可折叠桌子。使用两个ng-clicks,不起作用

我有一个表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> 

表格开始打开,然后在按下切换按钮或单击其标题时关闭。然而,如果切换按钮通过单击标题而被更改,则切换按钮无法更改。 一个按钮将是最好的,但有两个按钮(一个可以打开所有按钮,一个可以关闭所有按钮)也可以很好地工作,我觉得可能是唯一的方法。

+0

可以使用错误控制台进行更新吗?和一些控制器编码.. – Prasad

+0

您的代码按预期工作。检查plunker http://plnkr.co/edit/sNKYi2MoRpjAT4sMA74P – Dhiren

+0

@DhirenPatel我看到它在那里工作,但在我的应用程序中它不是 –

回答

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