我使用angular-ui工具提示(https://github.com/angular-ui/bootstrap/blob/master/src/tooltip/tooltip.js)或角带工具提示(http://mgcrea.github.io/angular-strap/#/tooltips#tooltips)
我需要在元素上显示工具提示,当某个事件或表达式时。
下面的示例,我们有输入。我需要显示工具提示,当data.model.count == 5.然后隐藏超过5秒的工具提示。请帮帮我!
<input type="text" ng-model="data.model">
答案 0 :(得分:1)
写一个指令! plunker
angular.module('ui.bootstrap.demo').directive('showTip', function($timeout){
return {
restrict: 'A',
scope: {
showTip: "="
},
link: function(scope, elm, attr){
var tooltip;
scope.$watch('showTip', function(newVal){
if(newVal == 5){
tooltip.css({visibility: 'visible'});
$timeout(function(){
tooltip.css({visibility: 'hidden'});
}, 5000)
}
})
elm.bind('DOMSubtreeModified', function(){
tooltip = elm.find('div');
tooltip.css({visibility: 'hidden'});
})
}
}
});