bootstrap-table不会在角度视图中填充

Question

在主页面上放置引导程序表1似乎可行，但一旦将其放入视图中，则什么都不会发生。

这里是重现该问题的剽窃者：http://plnkr.co/edit/n0J91B?p=preview。 问题：如何修改这个plunker使两个表都显示数据？

<table data-toggle="table" 
    data-url="/gh/get/response.json/wenzhixin/bootstrap-table/tree/master/docs/data/data1/"> 
<thead> 
<tr> 
    <th data-field="name">Name</th> 
    <th data-field="stargazers_count">Stars</th> 
    <th data-field="forks_count">Forks</th> 
    <th data-field="description">Description</th> 
</tr> 
</thead> 

在plunker应当有两个表，但只有最上面的一个显示了，底部一个只有标题显示出来： 1http://bootstrap-table.wenzhixin.net.cn/examples/

Answer 1

了与组件的作者和开发者联系： https://github.com/wenzhixin/bootstrap-table/issues/650

这导致了以下解决方案（见链接细节以上）：

// HOME STATES AND NESTED VIEWS ======================================== 
.state('home', { 
    url: '/home', 
    templateUrl: 'partial-home.html', 
    controller: function($scope) { 
     $(function() { 
     $('[data-toggle="table"]').bootstrapTable(); 
     }); 
    } 
}) 

Answer 2

这里是plunker网址： 现在一切正常，两个表都显示数据 http://plnkr.co/edit/n0J91B?p=preview

.state('about', { 
      url: '/about', 
      views: { 
       '': { templateUrl: 'partial-about.html' }, 
       'columnOne@about': { template: 'Look I am a column!' }, 
       'columnTwo@about': { 
        templateUrl: 'table-data.html', 
        controller: 'scotchController' 
       } 
      } 

     });