角度手触式不适用于常规范围变量

Question

我有一个名为xd的角度scope变量，我正试图在表中显示它。当我使用常规表格时，它运行良好：

<table class="table">
<tr ng-repeat="x in xd">
<th ng-bind="x.title"/>
</tr>
</table>

现在我正尝试使用ngHandsonTable来达到同样的目的。由于文档仍然不正确，我尝试了这样的东西，但不知何故，它没有显示任何内容。我如何使用它来正常工作？

<hot-table id="previewTable" columnHeaders="false" settings="htSettings" datarows="xd" >
</hot-table>

xd:的样本数据集

[
{
"title": "mytitle1"
}
{
"title": "mytitle2"
}
{
"title": "mytitle3"
}
]

xd的另一个输出：

[
{
"primary": "2",
"title": "mytitle1"
}
{
"primary": "3",
"title": "mytitle2"
}
{
"primary": "4",
"title": "mytitle3"
}
]

我想在<hot-table>中动态分配这些列标题和值

Answer 1

经过反复研究，我想出了：

HTML表格：

<div ng-app="demoApp" ng-controller="demoCtrl">
<hot-table
id="demoTable"
datarows="xd"
settings="{
colHeaders: xdColumns
}">
</hot-table>
</div>

其中列是属性名称：

$scope.xdColumns = Object.keys($scope.xd[0]);

看看这把小提琴：https://jsfiddle.net/hysx1g10/4/

由于您的数据看起来有点令人困惑(每个项目都有一个title属性)，我不确定这是否是您想要的。但是在常规表中，每行有一个成员(xd数组)。