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