2

Highcharts グラフ用の複雑なツールチップを作成しようとしています。これは、アプリにはあるがグラフには表示されない動的データを表示するため、すべての書式設定などに対して角度ディレクティブを作成するのが最善の策であると考えました。次に、カスタム フォーマッタ関数と共に、highcharts の useHTML : true 属性を有効にします。$compile() はエラーをスローしません..

ただし、このコードを実行すると、ツールチップには Object.object がテキストとして表示されるだけで、ディレクティブのテンプレートの内容は表示されません。私は何かを見逃していますか、それともこれは不可能でしょうか? 以下は、私たちが試みているものの例です...

tooltip: {
                useHTML: true,
                formatter: function () {                        

                    return $compile("<pm-error-rate-tooltip ></<pm-error-rate-tooltip>")($scope);


                }
            }

これを何らかの DOM 要素に「追加」して機能させる必要があるかどうか疑問に思っていますが、そうであれば、ツールチップの要素の名前がわかりませんか?

4

3 に答える 3

1

これをパラメータで動作させることができました。http://jsfiddle.net/xhfgzfps/1/の方法を示すために、回答から user2422856 jsfiddle をフォークしました。

ディレクティブをコンパイルしてから $scope.$digest() を実行し、最後に .html() を使用してマークアップを返す必要がありました。手動でダイジェストをトリガーせずにこれを行う方法を理解できませんでした。

$scope.test = "Dont work"
var toolTip = $compile("<pm-error-rate-tooltip test='test'></pm-error-rate-tooltip>")($scope);
$scope.$digest();
return toolTip.html();
于 2016-07-08T17:41:35.017 に答える