angular-js + tr-ng-grid - 如何更改顯示的表的模式？

Question

我有一個使用TR-NG-電網標籤

<div ng-controller="TableDataCtrl"> 
    <div id="tableview_element"> 
     <table tr-ng-grid="" items="data" 
       ng-show="data_available()"> 
     </table> 
    </div> 
    {{str_data}} 
</div> 

每當用戶點擊一個鏈接一個簡單的角JS網頁，應用程序應該顯示一個不同的表。控制器可以使用HTML get從服務器獲取JSON數據。 'str_data'是JSON數據的字符串化形式。這似乎總是正確的。

但tr-ng-grid不會更新表的模式。它似乎鎖定在顯示的第一個表格上。整個表格可能會隱藏或使用ng-show（）顯示，但是列標題不會修改爲新加載的表格。

要非常清楚：假設你有兩張桌子，鳥和哺乳動物。如果第一個表格是所有鳥類和鳥類屬性的列表，則tr-ng-grid通過自動計算列標題來顯示錶格。如果用戶點擊哺乳動物，然後在頁面上，哺乳動物數據被加載，但是tr-ng-grid仍然在哺乳動物表中尋找具有不同列的鳥屬性（以及一些常見列，如id和名稱）

如何強制tr-ng-grid擦除當前模板並構造一個全新的表格？

一種方法當然是保持每個表在自己的控制器中，並擁有HTML元素。有一種更簡單的方法嗎？或者是否有替代tr-ng-grid支持這種完整的表視圖刷新？

Answer 1

好像，網格標題只初始化一次。

解決您的問題的一個解決方案是每當數據更改時向網格re-compile發送。

這裏是更新的plunker。 http://plnkr.co/edit/34nUGmopB8q4GWQ9uF57?p=preview