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>