angular ui 工具提示中的调用函数 [英] call function in angular ui tooltip
本文介绍了angular ui 工具提示中的调用函数的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
使用了调用用户定义函数的代码:getTooltipText
<i tooltip=\"{{ getTooltipText(arg1) }}\"></i>....//函数定义$scope.getTooltipText = 函数(arg1){控制台日志(arg1);//打印未定义....返回文本;}
但是它不起作用.甚至尝试过三元运算符,但没有运气!!有什么建议吗?
解决方案
而不是 {{ getTooltipText(arg1) }}
,也许你可以使用 ngMouseenter
和 ngMouseleave
指令.
<i tooltip="{{tooltip}}"></i>
在您的控制器中:
$scope.getTooltipText = function(arg1){$scope.tooltip = "你的工具提示在这里";}
链接
(我不确定 arg1 的用法)
我从 angular 站点获取代码并对其进行了一些修改以演示它的工作原理:
<button ng-mouseenter="mouseOvver()" ng-mouseleave="mouseLeave()">当鼠标进入按钮>计数:{{msg}}<script type="text/javascript">功能控制器($scope){$scope.mouseOvver = function(){$scope.msg="好的,我知道了";}$scope.mouseLeave = function(){$scope.msg="";}}
Have used this code which invokes the user defined function : getTooltipText
<i tooltip=\"{{ getTooltipText(arg1) }}\"> </i>
....
//function definition
$scope.getTooltipText = function(arg1){
console.log(arg1); // prints undefined
....
return text;
}
But it is not working. Have even tried trinary operator, but no luck!! Any suggestion?
解决方案
instead of {{ getTooltipText(arg1) }}
,may be you can use ngMouseenter
and ngMouseleave
directive.
<div ng-mouseenter="getTooltipText(arg1)">
<i tooltip="{{tooltip}}"></i>
</div>
In your controller:
$scope.getTooltipText = function(arg1){
$scope.tooltip = "Your tooltip here";
}
link
(I am not sure about usage of arg1)
I took code from angular site and modified it a little just to demonstrate working of it:
<body ng-app="" ng-controller="controller">
<button ng-mouseenter="mouseOvver()" ng-mouseleave="mouseLeave()">
when mouse enters
</button>
count: {{msg}}
<script type="text/javascript">
function controller($scope)
{
$scope.mouseOvver = function()
{
$scope.msg="Ok I got u";
}
$scope.mouseLeave = function()
{
$scope.msg="";
}
}
</script>
</body>
这篇关于angular ui 工具提示中的调用函数的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文