Angularjs ngTable不适用于两个表_Angularjs_Ngtable

Angularjs ngTable不适用于两个表

angularjs

Angularjs ngTable不适用于两个表,angularjs,ngtable,Angularjs,Ngtable,我已经使用ng Table在angularJS中创建了一个应用程序，在我使用ng Table的分组功能的应用程序中，该应用程序可以很好地处理单个表，如下示例所示在单个控制器中分组的单个表 <body ng-app="main" ng-controller="DemoCtrl"> <table ng-table="firstTableParams" class="table"> <tbody ng-repeat="group in myDa

我已经使用ng Table在angularJS中创建了一个应用程序，在我使用ng Table的分组功能的应用程序中，该应用程序可以很好地处理单个表，如下示例所示

在单个控制器中分组的单个表

  <body ng-app="main" ng-controller="DemoCtrl">
    <table ng-table="firstTableParams" class="table">
      <tbody ng-repeat="group in myData.$groups">
        <tr class="ng-table-group">
          <td colspan="{{$columns.length}}">
              <strong>{{ group.value }}</strong>
          </td>
        </tr>
        <tr ng-repeat="user in group.data">
          <td sortable="name" data-title="'Name'">
                {{user.name}}
            </td>
          <td sortable="age" data-title="'Age'">
                {{user.age}}
            </td>
        </tr>
      </tbody>
    </table>


    <table ng-table="secondTableParams" class="table">
      <tbody ng-repeat="group in myAnotherData.$groups">
        <tr class="ng-table-group">
          <td colspan="{{$columns.length}}">
              <strong>{{ group.value }}</strong>
          </td>
        </tr>
        <tr ng-repeat="user in group.data">
          <td sortable="name" data-title="'Name'">
                {{user.name}}
            </td>
          <td sortable="age" data-title="'Age'">
                {{user.age}}
            </td>
        </tr>
      </tbody>
    </table>

  </body>

但问题是，在我的应用程序中，当我试图放置两个具有分组功能的表时，我在一个控制器中使用了两个表我没有把桌子摆出来

谁能告诉我一些解决方法吗

在单个控制器中分组的两个表

  <body ng-app="main" ng-controller="DemoCtrl">
    <table ng-table="firstTableParams" class="table">
      <tbody ng-repeat="group in myData.$groups">
        <tr class="ng-table-group">
          <td colspan="{{$columns.length}}">
              <strong>{{ group.value }}</strong>
          </td>
        </tr>
        <tr ng-repeat="user in group.data">
          <td sortable="name" data-title="'Name'">
                {{user.name}}
            </td>
          <td sortable="age" data-title="'Age'">
                {{user.age}}
            </td>
        </tr>
      </tbody>
    </table>


    <table ng-table="secondTableParams" class="table">
      <tbody ng-repeat="group in myAnotherData.$groups">
        <tr class="ng-table-group">
          <td colspan="{{$columns.length}}">
              <strong>{{ group.value }}</strong>
          </td>
        </tr>
        <tr ng-repeat="user in group.data">
          <td sortable="name" data-title="'Name'">
                {{user.name}}
            </td>
          <td sortable="age" data-title="'Age'">
                {{user.age}}
            </td>
        </tr>
      </tbody>
    </table>

  </body>


{{group.value}}
{{user.name}
{{user.age}
{{group.value}}
{{user.name}
{{user.age}

迭代

$groups

<tbody ng-repeat="group in $groups">

迭代

$groups

<tbody ng-repeat="group in $groups">

迭代

$groups

<tbody ng-repeat="group in $groups">

迭代

$groups

<tbody ng-repeat="group in $groups">

对于第一个表控制器，在ng中使用$data，对两个表重复此操作即可

用于第二台控制器

对于第一个表控制器，在ng中使用$data，对两个表重复此操作即可

用于第二台控制器

对于第一个表控制器，在ng中使用$data，对两个表重复此操作即可

用于第二台控制器

对于第一个表控制器，在ng中使用$data，对两个表重复此操作即可

用于第二台控制器

为什么在第二次砰砰的一声中重复申请myData.$groups？ngTable，没听说过，看了一眼，令人失望，为什么每个人都为bootstrap写这些废话。太烦人了。为什么在第二次砰砰的一声中重复申请我的数据。$groups？ngTable，还没听说过，看了一眼，令人失望，为什么每个人都为bootstrap写这些废话。太烦人了。为什么在第二次砰砰的一声中重复申请我的数据。$groups？ngTable，还没听说过，看了一眼，令人失望，为什么每个人都为bootstrap写这些废话。太烦人了。为什么在第二次砰砰的一声中重复申请我的数据。$groups？ngTable，还没听说过，看了一眼，令人失望，为什么每个人都为bootstrap写这些废话。真烦人。