javascript - angular ng-table 官方的例子我做了一早上一晚上就是做不出来....

问题描述

问 题

1.ng-table的例子已经做的让我怀疑人生了....难道我是隐藏的智障?

不废话 直接上code：

先是controller里面注入NgTableParams
然后html：

<div ng-controller="editStoreItemController" class="pageback">
    <table ng-table="editStoreItemController.tableParams" class="table table-condensed table-bordered table-striped">
          <tr ng-repeat="row in $data">
            <td data-title="'Name'" filter="{name: 'text'}" sortable="'name'">{{row.name}}</td>
            <td data-title="'Age'" filter="{age: 'number'}" sortable="'age'">{{row.age}}</td>
            <td data-title="'Money'" filter="{money: 'number'}" sortable="'money'">{{row.money}}</td>
            </tr>
    </table>
</div>

然后js：

app.controller("editStoreItemController", editStoreItemController);
  editStoreItemController.$inject = ["NgTableParams"];

  function editStoreItemController(NgTableParams) {
    var simpleList=[{ name: 'christian', age: 21 }, { name: 'anthony', age: 88 }];
    var self = this;
    self.tableParams = new NgTableParams({}, {
      dataset: simpleList
    });
  }

结果：在浏览器中，只显示

这个东西，其他数据都没有，都要挠破头了；

解决方案

找到原因了~~ 看看区别在哪里，对于新手来说坑的很

<div ng-controller="editStoreItemController as vm" class="pageback">
    <table ng-table="vm.tableParams" class="table table-condensed table-bordered table-striped">
        <tr ng-repeat="row in $data">
        <td data-title="'Name'" filter="{name: 'text'}" sortable="'name'">{{row.name}}</td>
      <td data-title="'Age'" filter="{age: 'number'}" sortable="'age'">{{row.age}}</td>
      <td data-title="'Money'" filter="{money: 'number'}" sortable="'money'">{{row.money}}</td>
      </tr>
  </table>
</div>

  app.controller("editStoreItemController", editStoreItemController);
  editStoreItemController.$inject = ["NgTableParams"];

  function editStoreItemController(NgTableParams) {
    var simpleList=[{ name: 'christian', age: 21 }, { name: 'anthony', age: 88 }];
    var vm= this;
    vm.tableParams = new NgTableParams({}, {
      dataset: simpleList
    });
  }

这篇关于javascript - angular ng-table 官方的例子我做了一早上一晚上就是做不出来....的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！