如何在AngularJS中动态显示数据？

Question

好吧，这有点令人困惑，所以我会努力尽可能多地理解。

我从MySql表中获取了一系列标签。原因是因为我正在对表的列进行排序并在数据库中更新它们。

我从另一张表中获取该表的数据。

这是角度代码：

 $scope.showLabelsFromData = false; // flag to know from where to take the th labels

var custFields = [{
"coulmn_name": "fullname",
"sort": false,
}, {
"coulmn_name": "phone",
 "sort": false
 }, {
"coulmn_name": "id_number",
 "sort": false
}, {
"coulmn_name": "email",
"sort": false
 }];

     var custFieldsFromData = [{

"coulmn_name": "phone",
"sort": false
}, {
"coulmn_name": "email",
"sort": false
}, {
"coulmn_name": "id_number",
  "sort": false
},{"coulmn_name": "fullname",
"sort": false,
}]

 $scope.labels = ($scope.showLabelsFromData) ? custFieldsFromData : custFields 

这些标签运作良好。我的问题是，当我将标志$ scope.showLabelsFromData更改为true时，它与td不同步，因此数据将来自MySql。我不知道怎么做。有人有想法吗？

以下是完整的Example