Angular 表带工具提示默认可见

Question

我正在使用 http://mgcrea.github.io/angular-strap/#/tooltips#tooltips

而且我不能使用 Scope 方法（$show()、$hide()）。请帮帮我。我如何使用这种方法？

我已经输入 ng-repeat

 <div ng-repeat="item in data.queue" >

    <input type="text" maxlength="40"  bs-tooltip data-animation="am-flip-x" data-title="{{item.file.tooltip_title}}"> 

<div>

如果 item.file.flag=== true，我需要设置可见的工具提示，然后隐藏超过 5 秒的工具提示。

Answer 1

Angular 解决问题的方法是 data-bs-show="item.file.flag"。

它将在 item.file.flag == true 时显示您的工具提示。

bsShow 属性需要一个布尔值，所以如果你需要在 5 秒后隐藏，你可能有另一个标志并在这段时间后使用 $timeout.[=16 将其设置为 false =]

可以使用 $show()/$hide()，但它很棘手且丑陋，所以我会尽可能避免使用。

Answer 2

要获得 show() 和 hide() 方法，您必须在 javascript 方面做所有事情。像这样：

标记

<div id="div1">some</div>

指令

app.directive('someThing', ['$tooltip', '$timeout', function($tooltip, $timeout){
    return {
        link: function($scope){
            $scope.someFunction = function (item){
                $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(); });

                    $timeout(function(){
                        myTooltip.$promise.then(function() { myTooltip.hide(); });
                    }, 4000);
                }, 1500);
            };
        }
    };
}]);

Angular 表带工具提示默认可见

Angular strap tooltip visible by default

angularjs

angular-strap