Javascript 根据状态显示按钮而不是文本

我在一个动态表中显示一些数据，大多数数据是文本，但是，我需要显示几个按钮

所以，我需要为此做点什么

这是我目前掌握的数据

[ { "BET": 57630343, "CUSTOMER": 181645, "XX_FILL OPEN": true },
  { "BET": 57633044, "CUSTOMER": 181645, "XX_FILL OPEN": true },
  { "BET": 57633047, "CUSTOMER": 181645, "XX_FILL OPEN": true },
  { "BET": 57635034, "CUSTOMER": 181645, "XX_FILL OPEN": true } ]

其显示方式如下：

每次数据在开始时带有一个

XX…

，应该是一个按钮，所以看这个：

“XX\u FILL OPEN”：true

这是一个按钮

下面是我如何呈现这个表的

在控制器中，我有这样的东西

  $scope.loadReports = function() {
    ReportsFactory.pendingBets(reportParam).then(function(data) {
      gridInfo = _.forEach(data, function(item) {return item;});
      $scope.rows = gridInfo;
      $scope.cols = Object.keys($scope.rows[0]);
    }

还有html

      <table>
        <thead>
          <tr>
            <th ng-repeat="column in cols">{{column}}</th>
          </tr>
        </thead>
        <tbody>
          <tr ng-repeat="row in rows">
            <td ng-repeat="column in cols">{{row[column]}}</td>
          </tr>
        </tbody>
      </table>

{{column}}
{{行[列]}}

---

那么，每次数据在开始时带有

XX…

时，我应该如何显示

按钮而不是
true
呢？
如果
列中
索引
“XX”中的
使用
ng条件

<td ng-repeat="column in cols" ng-init="isXX = column.indexOf('XX') === 0">
    <span ng-if="!isXX">{{row[column]}}</span>
    <button ng-if="isXX">{{row[column]}}</button>
</td>


{{行[列]}}
{{行[列]}}
{column==true？行[列]：''}}诸如此类？