Angular-動態工具提示內容

Question

我有以下問題：我想通過使用帶參數的函數動態地將內容提供給工具提示。 這里的關鍵是參數具有我需要更改工具提示內容的信息，因為此工具提示位於ng-repeat指令中。

我的html有點：

<div class="module-box highlight clearfix" ng-repeat="request in model.requests.items track by request.id" ng-class="{ 'inactive-section': model.isLoading.value }">
    ...
        <div class="module-column text-center">
                    <h5>REQUEST STATUS</h5>
                    <p>
                        <span data-toggle="tooltip" uib-tooltip="{{request.requestStatus.name}} {{someFunction(request)}}">
                            <i class="fa fa-clock-o fa-lg {{request.requestStatusGroupCssClass}}" aria-hidden="true"></i>
                        </span>
                    </p>
                </div>
    ...
</div>

該html視圖具有自己的指令，稱為homePendingRequests.js。 然后，將視圖插入到Home.html頁面（具有它的控制器）中。

謝謝！！

Answer 1

我剛剛解決了。 它很甜蜜

html指令：

<div class="module-column text-center">
    <h5>ESTADO</h5>
    <p>
        <div ng-mouseenter="tooltipHelper(request)">
            <span data-toggle="tooltip" uib-tooltip="{{msg}}">
                <i class="fa fa-clock-o fa-lg {{request.requestStatusGroupCssClass}}" aria-hidden="true"></i>
            </span>
        </div>
    </p>
</div>

js指令：

    $scope.tooltipHelper = function (request) {
        $scope.msg = request.requestStatus.name;
        if (request.validatorsForPendingStatus) {
            $scope.msg += ' (' + request.validatorsForPendingStatus.validatorsList + ')';
        }
    };

Answer 2

use $copmile(`<div class="module-box highlight clearfix" ng-repeat="request in model.requests.items track by request.id" ng-class="{ 'inactive-section': model.isLoading.value }">
    ...
        <div class="module-column text-center">
                    <h5>REQUEST STATUS</h5>
                    <p>
                        <span data-toggle="tooltip" uib-tooltip="{{request.requestStatus.name}} {{someFunction(request)}}">
                            <i class="fa fa-clock-o fa-lg {{request.requestStatusGroupCssClass}}" aria-hidden="true"></i>
                        </span>
                    </p>
                </div>
    ...
</div>`)($scope)