2016-03-08 69 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>