控制器需要通过$ stateProvider不将数据绑定到$ scope

Question

我的应用程序中有一个$ stateProvider，我需要一个像下面这样的控制器，

$stateProvider
.state('randomState', {
  url: "/randomState",
  templateUrl: "template.html",
  controller: require('randomData')
});

template.html非常简单，它具有以下标记，

<simple-table data="tableData.data"></simple-table>

我在控制器中所做的只是使用$ http服务，我点击了一个端点，它为我提供了一个JSON对象，一旦收到数据，在成功回调中我将$ scope附加为$scope.tableData = data，但是在页面中我可以看到<tr>已经填充但不是单元格<td>，在控制台中看不到任何错误，当我记录$scope.tableData我可以看到正确的对象被绑定，任何想法为什么它没有绑定数据元素内部的数据。

我甚至尝试在$ timeout内封装$ http服务，但没有运气。 JSON响应看起来如下所示，

{
"data": {
  "columns": [
    {"header": "Column header"},
    {"header": "Column header"}
  ],
  "data": [
    [
      "Row Header <br>(optional)",
      "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
      "$7.50B",
      "427,576,608",
      "$7.50B"
    ],[
      "Row Header",
      "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
      "45.06",
      "+24.54%",
      "45.06"
    ]
  ]
}

}