角度handsontable不适用于常规范围变量答案

【问题标题】：angular handsontable not working with regular scope variable角度handsontable不适用于常规范围变量
【发布时间】：2015-06-18 23:02:44
【问题描述】：

我有一个名为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> 中动态分配这些列标题和值

【问题讨论】：

您还需要定义列 (hot-column)，如 handsontable/ngHandsontable#usage 的文档中所述。
嗨。谢谢您的回复。它适用于热柱。但是有没有办法动态设置行数据？因为根据我所做的一些查询，我的 json 的结构可能会有所不同。
能否提供xd的样本数据集？
我编辑了这个问题:)

标签： angularjs handsontable

【解决方案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 数组）。

【讨论】：