【问题标题】:how to set scope var of list in angular datatable?如何在角度数据表中设置列表的范围变量?
【发布时间】:2016-04-05 23:53:29
【问题描述】:

我正在我的基于 angularjs 的应用程序中实现 angular 数据表,我正在进行休息服务调用并获取对象列表作为对 angularjs 控制器的响应,例如

roomCategories.fetch({}, function(list){
            $scope.categories = list.list;
        });

在这个范围内我会得到对象列表,我需要在角度数据表中设置范围变量。但是当我尝试实现时

$scope.dtOptions = DTOptionsBuilder.fromFnPromise($scope.categories)
    .withPaginationType('full_numbers');
    $scope.dtColumnDefs = [
        DTColumnDefBuilder.newColumnDef(0).withTitle('Name'),
        DTColumnDefBuilder.newColumnDef(1).withTitle('Description')
      ];

我已经看到解释了json或数组实现之类的示例,但是我需要添加或设置范围变量,即数据表中的列表。

在我的 html 代码中

<table datatable dt-options="dtOptions" dt-column-defs="dtColumnDefs"></table>

但是数据没有反映在页面中,谁能帮我解决这个问题。

【问题讨论】:

  • 首先,您正在使用 DTOptionsBuilder.fromFnPromise 但您没有通过它的承诺,其次,您的问题不清楚?!

标签: angularjs angularjs-ng-repeat angular-datatables


【解决方案1】:

我认为你可以这样做:

    <div ng-controller="AngularWayCtrl as showCase">
    <table datatable="ng" class="row-border hover">
        <thead>
        <tr>
            <th>ID</th>
            <th>FirstName</th>
            <th>LastName</th>
        </tr>
        </thead>
        <tbody>
        <tr ng-repeat="row in yourData">
            <td>{{row.id}}</td>
            <td>{{row.firstName}}</td>
            <td>{{row.lastName}}</td>
        </tr>
        </tbody>
    </table>
</div>

希望对你有帮助。

【讨论】:

  • 是的,我也有这种方式,但我需要一个用于编辑特定列的 href 链接,因为我没有找到像 dat 这样的任何选项,只有行选择可用,如
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-05-12
  • 1970-01-01
  • 1970-01-01
  • 2015-08-21
相关资源
最近更新 更多