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语句时显示工具提示

1 个答案: