Javascript 下表仅显示第一列

我试图用ngTableParams更新我的ngTable，但只显示第一列

js代码：

var dataset = [
  {name: "Hello50", bunny:"Bunny1", age: 50},
  {name: "Hello49", bunny:"Bunny2", age: 49},
  {name: "Hello48", bunny:"Bunny3", age: 48},
  {name: "Hello47", bunny:"Bunny4", age: 47},
  {name: "Hello46", bunny:"Bunny5", age: 46},
];

/** @export */
this.tableParams = new ngTableParams({count: 10}, { data: dataset});

和html：

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

>
>     
>{{user.name}
>{{user.bunny}}
>        

它仅显示第一列（名称）

如果我打印出来

<h1>{{ctrl.tableParams}}<br></h1>

{{ctrl.tableParams}}

然后它显示：

{“数据”：[{“名称”：“Hello50”，“va”：“Bunny1”，“ua”：50}，{“名称”：“Hello49”，“va”：“Bunny2”，“ua”：49}，{“名称”：“Hello48”，“va”：“Bunny3”，“ua”：48}，{“名称”：“Hello47”，“va”：“Bunny4”，“ua”：47}，{“名称”：“Hello46”，“va”：“Bunny5”，“ua”：46}

为什么是“va”和“ua”？我在那里期待着“邦尼”和“年龄”

请帮忙。谢谢大家!

根据，我看到的唯一打字错误是：

this.tableParams=新的ngTableParams（{count:10}，{data:dataset}）

您应该改用dataset

请参阅下面的代码片段

angular.module（“示例”，[“ngTable”]）
.控制器（“myController”，myController）；
变量数据集=[
{姓名：“Hello50”，兔子：“Bunny1”，年龄：50}，
{姓名：“你好49”，兔子：“兔子2”，年龄：49}，
{姓名：“Hello48”，兔子：“Bunny3”，年龄：48}，
{姓名：“你好47”，兔子：“兔子4”，年龄：47}，
{姓名：“Hello46”，兔子：“Bunny5”，年龄：46}，
];
myController.$inject=[“NgTableParams”]；
函数myController（NgTableParams）{
this.tableParams=新的NgTableParams（{}{
数据集：数据集
});
}

ngTable
{{user.name}
{{user.bunny}}
{{user.age}

根据，我看到的唯一打字错误是：

this.tableParams=新的ngTableParams（{count:10}，{data:dataset}）

您应该改用dataset

请参阅下面的代码片段

angular.module（“示例”，[“ngTable”]）
.控制器（“myController”，myController）；
变量数据集=[
{姓名：“Hello50”，兔子：“Bunny1”，年龄：50}，
{姓名：“你好49”，兔子：“兔子2”，年龄：49}，
{姓名：“Hello48”，兔子：“Bunny3”，年龄：48}，
{姓名：“你好47”，兔子：“兔子4”，年龄：47}，
{姓名：“Hello46”，兔子：“Bunny5”，年龄：46}，
];
myController.$inject=[“NgTableParams”]；
函数myController（NgTableParams）{
this.tableParams=新的NgTableParams（{}{
数据集：数据集
});
}

ngTable
{{user.name}
{{user.bunny}}
{{user.age}

使用dataset:dataset而不是data:dataset

this.tableParams = new ngTableParams({count: 10}, { dataset: dataset});

代码样本-

var-app=angular.module（'myApp'，['ngTable']）；
app.controller（'myCtrl'，函数（$scope，NgTableParams）{
$scope.firstName=“John”；
$scope.lastName=“Doe”；
变量数据集=[
{姓名：“Hello50”，兔子：“Bunny1”，年龄：50}，
{姓名：“你好49”，兔子：“兔子2”，年龄：49}，
{姓名：“Hello48”，兔子：“Bunny3”，年龄：48}，
{姓名：“你好47”，兔子：“兔子4”，年龄：47}，
{姓名：“Hello46”，兔子：“Bunny5”，年龄：46}，
];
/**@出口*/
$scope.tableParams=新的NgTableParams（{count:10}，{dataset:dataset}）
});

{{user.name}
{{user.bunny}}
使用dataset:dataset而不是data:dataset

this.tableParams = new ngTableParams({count: 10}, { dataset: dataset});

代码样本-


var-app=angular.module（'myApp'，['ngTable']）；
app.controller（'myCtrl'，函数（$scope，NgTableParams）{
$scope.firstName=“John”；
$scope.lastName=“Doe”；
变量数据集=[
{姓名：“Hello50”，兔子：“Bunny1”，年龄：50}，
{姓名：“你好49”，兔子：“兔子2”，年龄：49}，
{姓名：“Hello48”，兔子：“Bunny3”，年龄：48}，
{姓名：“你好47”，兔子：“兔子4”，年龄：47}，
{姓名：“Hello46”，兔子：“Bunny5”，年龄：46}，
];
/**@出口*/
$scope.tableParams=新的NgTableParams（{count:10}，{dataset:dataset}）
});

{{user.name}
{{user.bunny}}