2016-01-14 40 views
2

我正在嘗試使用ng-table指令。只是讓我的本地項目中的演示代碼正常工作真的很困難。Angular ng-table無法加載數據集?

http://ng-table.com

在我的控制,我建立了我的數據。

var dataset = [ 
        {name: "Moroni50", age: 50}, 
        {name: "Moroni49", age: 49}, 
        {name: "Moroni48", age: 48}, 
        {name: "Moroni47", age: 47}, 
        {name: "Moroni46", age: 46}, 
    ]; 

    $scope.tableParams = new NgTableParams({}, {dataset: dataset}); 

當我console.log($scope.tableParams)似乎對象已成功創建。但它顯示data是一個長度爲0的空數組。然後

渲染代碼只是示出了具有無數據表頭。

<table ng-table="tableParams" class="table" show-filter="true"> 
    <tr ng-repeat="user in $data"> 
     <td title="'Name'" sortable="'name'">{{ user.name }}</td> 
     <td title="'Age'" sortable="'age'">{{ user.age }}</td> 
    </tr> 
</table> 

不知道發生了什麼,有沒有什麼簡單的我想念?

+1

只是一個提示,看一看[UI-網格](http://ui-grid.info/)。這很容易,你有這麼多的功能。 – SjaakvBrabant

+0

你可以爲你的問題創建一個plunkr嗎? – Prashant

回答

7

我認爲,文件可能是過時的。我得到它的工作將「數據集」到「數據」,像這樣的(使用v0.8.3):

$scope.tableParams = new NgTableParams({}, {data: dataset}); 

您還可以添加一個計數(否則它只是顯示每頁的一個項目)。

$scope.tableParams = new NgTableParams({ 
    count: 10 
}, { 
    data: dataset 
}); 

工作演示:http://plnkr.co/edit/Sbaqgzo6QT3sjxEduRFO?p=preview

+0

是的,我發現問題是文檔版本1.0.0-beta9和官方npm版本是0.5.3。 – Rob