我有一段簡單的數據,我試圖用Ng-Table進行測試。我跟着ng-table上的例子,但我假設數據集正在期待一個承諾,而不是一個數組。我看到的唯一區別是我如何處理$ scope。爲什麼ngTable不接受我的數據集?
我的例子工程,如果我把數據變量的範圍,而不是從我的js文件傳遞給tableParams,但後來我失去了過濾器的功能。
吳-表例如: https://github.com/esvit/ng-table/blob/master/examples-old/demo15.html
我的代碼 HTML
<div ng-app="Pulse">
<div ng-controller="MainController as main">
<table ng-table="main.groupTable" class="table" show-filter="true">
<tr ng-repeat="user in $data"
<td title="'Name'" filter="{ name: 'text'}" sortable="'name'">
{{user.name}}</td>
</tr>
</table>
</div>
的js
var app = angular.module("Pulse", ['ngTable'])
.controller("MainController", MainController);
function MainController ($scope, NgTableParams) {
var self = this;
var data = [{name: "Moroni", age: 50}];
$scope.groupTable = new NgTableParams({}, { dataset: data});
};
變量名稱不匹配。在你的JS中你有'$ scope.groupTable',但在HTML中有'$ scope.tableParams'。另外,在HTML中引用'$ scope'是不正確的。改用'ng-table =「groupTable」'。 – Claies
是啊我試過切換,它給你的建議,但它仍然不渲染。我試着放入一個調試器並檢查groupTable,變量$ data在它加載到頁面上時是空的。 – user5596792