Question

我有类似的问题 Getting Highcharts tooltip to return an angular directive?。但是我尝试使用指令来创建一些复杂的工具提示，而不是使用内联模板定义templateUrl。当我使用templateUrl时，异步加载html，当我将它用于tooltip格式化程序时，它尚未加载。

我需要使用html模板，因为我需要定义一个tooltpip，它应该有可点击的导航按钮到其他网站并准备一个数据系列，也应该被翻译和样式化。

Answer 1

当您使用$compile的指令致电templateUrl时，内容不会更新，直到摘要周期运行。

由于您在jQuery事件中（在Angular摘要周期之外），您需要手动触发$scope.$digest()。

见分叉Plunker＆amp;下面的代码段：

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

（还添加了遗漏useHTML: true）

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

1 个答案: