テンプレート内の要素への参照を取得する方法

Question

私はangularJs（v1.5.8）を使用してグラフを初期化しようとしていますが、instructions

var ctx = document.getElementById("myChart"); 
var myChart = new Chart(ctx, { ... 

に示したように、私は以下のような新しいグラフオブジェクトを初期化することができません

テンプレートのhtml要素への参照を取得できないためです。それを得る方法？お使いのコントローラ内部

angular.module("dashboard", ['ngAnimate', 'ngSanitize', 'ui.bootstrap']) 
.component("exceptionChart", { 
    template: "<canvas class='{{$ctrl.class}}'></canvas>", 
    bindings: { class: '@' }, 
    controller: function(){ 
     // how do I get a reference to canvas 
    } 
}); 

Answer 1

あなたはtemplateへのアクセスを得るために$elementサービスを注入することができます。

$element$postLink()コンポーネントのライフサイクルフックにアクセスし、すべての子孫ディレクティブがコンパイルされていることを確認するのが理想的です。

controller: function($element){ 
    // how do I get a reference to canvas 
    this.$postLink = function() { 
     console.log($element) 
    } 
}