仅在到达 if 语句时显示工具提示

Question

我在同一个视图中有大约 3 个不同的工具提示，但我遇到了一些问题。我正在使用 AngularStrap

我把这个if变成了一个函数

      if (index === 1) {

          $timeout(function() {
            $scope.tooltip = {
              title: '<strong>You have to add risk/win</strong>'
            };
          }, 3000);

      }

我只需要当 if 语句成功调用时，该工具提示应显示 3 秒然后消失。

我就是这样 HTML

   <input ng-model="slip.risk"
          ng-change="riskWinCalculations2(slip, 'RISKIFBET', $index)"
          data-title="{{tooltip.title}}"
          data-html="true"
          bs-tooltip=""
          data-placement="top">

奇怪的是，当我将鼠标悬停在这个输入上时，会出现其他工具提示，而我不希望这样。

只是想让你知道，这是另一个工具提示

   <div data-title="{{tooltip.title}}"
        data-content="{{tooltip.content}}"
        data-html="true"
        bs-tooltip=""
        ng-mouseover="openMoreInfoSlip(slip)"
        data-placement="left">

那你有什么建议吗？

Answer 1

在你的 if 条件中使用这个：

$timeout(function(){
    var target = angular.element(document.getElementById('div1'));
    var myTooltip = $tooltip(target, {
        title:'tip!!', trigger:'manual', placement:'top'
    });
    myTooltip.$promise.then(function() {
        myTooltip.show();
    });
}, 1500);

仅在到达 if 语句时显示工具提示

Display Tooltip only when if statement is reached

javascript

angularjs

angular-strap