2015-07-22 51 views
0

嗨,我无法使用引导表和角度渲染表。这里是我的代码,我想我需要在角度ajax调用中调用bootstrap-table init方法。有人可以指导我如何做到这一点..?bootstrap-table无法在角度更新模型中渲染

angular 
 
\t \t .module('reports') 
 
\t \t .controller(
 
\t \t \t \t 'ReportCtrl', 
 
\t \t \t \t [ 
 
\t \t \t \t \t \t '$scope', 
 
\t \t \t \t \t \t '$http', 
 
\t \t \t \t \t \t 'ngProgress', 
 
\t \t \t \t \t \t function($scope, $http, ngProgress) { 
 
\t \t \t \t \t \t \t var vm = this; 
 
\t \t \t \t \t \t \t vm.mdp = {}; 
 
\t \t \t \t \t \t \t vm.mdp.data = []; 
 
\t \t \t \t \t \t \t vm.mdp.columns = []; 
 
\t \t \t \t \t \t \t 
 
\t \t \t \t \t \t \t $scope.submit = function() { 
 
\t \t \t \t \t \t \t \t 
 
\t \t \t \t \t \t \t \t var report = $scope.tab; 
 
           $http.post('/reports/cmd/getData', { 
 
\t \t \t \t \t \t \t \t \t report : report, 
 
\t \t \t \t \t \t \t \t \t date : createdAfter 
 
\t \t \t \t \t \t \t \t }).success(function(data) { 
 
           vm.mdp.data = data; 
 
\t \t \t \t \t \t \t \t \t \t $.each(data[0], function(key, value){ 
 
\t \t \t \t \t \t \t \t \t \t \t vm.mdp.columns.push(key); 
 
\t \t \t \t \t \t \t \t \t \t }); 
 
           }).error(function(error) { 
 
\t \t \t \t \t \t \t \t \t alert(error); 
 
\t \t \t \t \t \t \t \t \t 
 
\t \t \t \t \t \t \t \t }); 
 
\t \t \t \t \t \t \t \t 
 

 
\t \t \t \t \t \t \t }; 
 

 
\t \t \t \t \t \t } ]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
<div id="mdp" class="panel" ng-controller="ReportCtrl as report" ng-show="panel.isSelected('mdp')"> 
 
<table data-toggle="table" data-show-columns="true" data-search="true" data-show-export="true" data-pagination="true" data-height="299"> 
 
\t  <thead> 
 
\t  <tr> 
 
\t  
 
\t  <th ng-repeat="c in report.mdp.columns" data-field= {{c}} >{{ c }}</th> 
 
\t  
 
\t   
 
\t  </tr> 
 
\t  </thead> 
 
\t  <tr ng-repeat="r in report.mdp.data"> 
 
\t  
 
\t \t  <td ng-repeat="c in report.mdp.columns">{{ r[c] }}</td> 
 
\t \t </tr> 
 
\t  
 
\t \t </table> 
 
</div>

回答