在角UI工具提示呼叫功能(call function in angular ui tooltip)

2019-10-19 21:22发布

已经用这种代码调用用户定义的函数:getTooltipText

<i tooltip=\"{{ getTooltipText(arg1) }}\"> </i>
....

//function definition

$scope.getTooltipText = function(arg1){
console.log(arg1); // prints undefined
....
return text;
}

但它不工作。 甚至试过三元操作符,但没有运气! 任何建议?

Answer 1:

而不是{{ getTooltipText(arg1) }}可能是你可以使用ngMouseenterngMouseleave指令。

<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>


文章来源: call function in angular ui tooltip