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