Angular ui工具提示中的call函数 [英] call function in angular ui tooltip
本文介绍了Angular ui工具提示中的call函数的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
使用了此代码来调用用户定义的函数:getTooltipText
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?
推荐答案
代替{{ getTooltipText(arg1) }}，也许可以使用ngMouseenter和ngMouseleave指令.
instead of {{ getTooltipText(arg1) }} ,may be you can use ngMouseenter and ngMouseleave directive.
<div ng-mouseenter="getTooltipText(arg1)">
<i tooltip="{{tooltip}}"></i>
</div>
在您的控制器中:
$scope.getTooltipText = function(arg1){
$scope.tooltip = "Your tooltip here";
}
链接
(我不确定arg1的用法)
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工具提示中的call函数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
