angularjs - 在 ng-repeat 中有条件地添加一个 Angular Bootstrap 弹出框

Question

我将 AngularJS 与 Angular UI Bootstrap 一起使用。

在我的模板中，我需要显示一个表格，我使用 ng-repeat 创建它，我只需要为某些单元格添加一个点击弹出框。

我做了这样的例子:
popover example inside ng-repeat in plunker

仅在某些单元格中有条件地具有弹出窗口的更好方法是什么？

Answer 1

检查工作演示:Plunker .只有带有 value > 5.0 的单元格将显示弹出框(绿色背景色)。

在 $scope 上定义一个函数:

$scope.filterCells = function (v) {
    return v > 5.0 ? 'mouseenter' : 'none';
};

和 td HTML:

<td data-ng-repeat="v in getRowData(row)" class="zscore" 
    ng-class="{'show-popup': filterCells(v)}" popover="{{zscores[row][$index]}}" 
    popover-trigger="{{ filterCells(v) }}" 
    popover-append-to-body="true" popover-title="zScore">
    {{ v | number:1 }}
</td>