Question

我对角度很新，并试图在angular-ui工具提示中显示一些html内容。我需要实现的是一个仪表板，用户可以点击图标并转到应用程序内的不同网址。

但由于某些原因，ng-click在工具提示正文内容中不起作用。这是我的代码。

<a tooltip-html-unsafe="{{htmlTooltip}}" tooltip-trigger="click" tooltip-placement="bottom" >Dashboard</a>

控制器中的

$ scope.htmlTooltip ='HRIS';

$scope.dosomething() = function() {
    console.log("hello World");
};

我该如何完成这项任务。提前致谢。

Answer 1

我认为问题在于：

$scope.dosomething() = function() {
    console.log("hello World");
};

您需要像这样更改它（删除括号）：

$scope.dosomething = function() {
    console.log("hello World");
};

此外，如果您将href="#"添加到a标记，那么效果会更好，那么光标看起来就像指针一样。

如果您每次点击dosomething链接时都需要呼叫Dashboard功能，则需要在ng-click="dosomething()"标记中添加a。所以最后看起来会像这样：

<a href="#" tooltip-html-unsafe="{{htmlTooltip}}" ng-click="dosomething()" tooltip-trigger="click" tooltip-placement="bottom">Dashboard</a>

和控制器：

$scope.htmlTooltip = 'HRIS';

$scope.dosomething = function() {
    console.log("hello World");
};

你可以看到demo，这里一切正常：