Javascript 使用templeteUrl获取Highcharts工具提示以返回角度指令？

我有类似的问题 . 但我尝试使用指令创建一些复杂的工具提示，该指令定义了templateUrl，而不是使用内联模板。当我使用templateUrl时，html是异步加载的，而当我将其用于工具提示格式化程序时，它还没有加载

---

我需要使用html模板，因为我需要定义一个ToolPip，该ToolPip应该具有指向其他站点的可单击导航按钮，并为一个数据系列做好准备，还应该进行翻译和样式设置。

当您使用带有

templateUrl

的指令调用

$compile

时，直到摘要周期运行，内容才会更新

由于您在jQuery事件中（角度摘要周期之外），因此需要手动触发

$scope.$digest（）

请参见下面的分叉代码段（&S）：

tooltip: {
    useHTML: true,
    pointFormatter: function () {
        var element = $compile('<chart-tooltip></chart-tooltip>')($scope);
        $scope.$digest();
        return element.html();
    }
}

工具提示：{
是的，
pointFormatter:函数（）{
var元素=$compile（“”）（$scope）；
$scope.$digest（）；
return-element.html（）；
}
}

（还添加了缺失的

useHTML:true

）

plnkr: