Question

我正在构建一个将普通表转换为引导表的指令。问题是，当我在指令的链接功能中初始化插件时，它不能很好地工作。

如果我跑：

$("myTable").bootstrapTable({
        classes: 'table-no-bordered',
        fixedColumns: true,
        fixedNumber: 3
      });

从浏览器检查器

，它完美无缺！

如果我跑：

  function tableLink($scope, element, attrs) {
    console.log("LINK TABLE", element);

    $scope.$watchGroup(['heading', 'rows'], function(newValues, oldValues) {
      console.log("WATCH", newValues, oldValues);

      $(element).bootstrapTable({
        classes: 'table-no-bordered',
        fixedColumns: true,
        fixedNumber: 3
      });

    }, true);
  }

这就是我填写表格的方式：

<table class="table">
    <thead>
      <tr>
        <th ng-repeat="col in heading">{{col}}</th>
      </tr>
    </thead>
    <tbody>
      <tr ng-repeat="row in rows track by $index">
        <td class="text-muted" ng-repeat="field in row track by $index">{{field}}</td>
      </tr>
    </tbody>
  </table>

在我的指令链接函数中，我的表格底部显示消息No matching records found，其他任何配置似乎都无法正常工作。

我已经尝试将初始化代码移到$scope.$watch之外我用来自webservice的数据填充表格。

你们是否知道我做错了什么？

带有bootstrap-table的Angular指令

0 个答案: