ngPluralize和Bootstrap工具提示

Question

我想知道如何使用ngPluralize指令以及Bootstrap（Angular UI fork）中的工具提示模块？目标是有一个复数的工具提示文本......

先谢谢。 的Valentin

Answer 1

由于还没有人回答过这个问题，而且我认为你现在可能已经找到了答案，我想我也可能会参与进来。使用＆＃34; Dynamic Popover＆＃34;解决方案相当简单。通过在控制器中定义文本来实现。

控制器：

$scope.pluralizedTooltip = function(item) {
    if (item.someArray.length === 0) {
        return 'None exist';
    } else if (item.someArray.length === 1) {
        return '1 Exists';
    } else {
        return item.someArray.length + ' Exist';
    }
};

HTML：

<div ng-repeat="item in items">
    <div popover-placement="top" popover-trigger="mouseenter" popover="{{pluralizedTooltip(item)}}">
            Popover Trigger Text
    </div>
</div>