Angularjs 默认情况下,角度带工具提示可见

Angularjs 默认情况下,角度带工具提示可见,angularjs,angular-strap,Angularjs,Angular Strap,我使用 我不能使用范围方法($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> 如果

我使用

我不能使用范围方法(
$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秒之后隐藏工具提示。

解决问题的角度方法是使用,例如,
data bs show=“item.file.flag”

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

bsShow
属性需要一个布尔值,因此如果您需要在5秒后隐藏,您可以使用
$timeout
设置另一个标志,并在此时间后将其设置为false

可以使用
$show()
/
$hide()
,但它既棘手又难看,所以如果可能的话,我会避免使用。

要获得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);
            };
        }
    };
}]);