已经用这种代码调用用户定义的函数:getTooltipText
<i tooltip=\"{{ getTooltipText(arg1) }}\"> </i>
....
//function definition
$scope.getTooltipText = function(arg1){
console.log(arg1); // prints undefined
....
return text;
}
但它不工作。 甚至试过三元操作符,但没有运气! 任何建议?
已经用这种代码调用用户定义的函数:getTooltipText
<i tooltip=\"{{ getTooltipText(arg1) }}\"> </i>
....
//function definition
$scope.getTooltipText = function(arg1){
console.log(arg1); // prints undefined
....
return text;
}
但它不工作。 甚至试过三元操作符,但没有运气! 任何建议?
而不是{{ getTooltipText(arg1) }}
可能是你可以使用ngMouseenter
和ngMouseleave
指令。
<div ng-mouseenter="getTooltipText(arg1)">
<i tooltip="{{tooltip}}"></i>
</div>
在你的控制器:
$scope.getTooltipText = function(arg1){
$scope.tooltip = "Your tooltip here";
}
链接
(我不知道有关ARG1的使用)
我把代码角部位和修改了一些只是为了演示它的工作:
<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>