指示文でコンパイル関数からコントローラにアクセスする

Question

私は何度も検索しましたが、私が思いつくことは、コンパイル関数の基本的なことを理解できないことだけです。 データ：をし、 "someValueの" 変数を参照してくださいしていないようだ。ここ

は私が

angular.module("app", []) 
.directive("foo", function(){ 
    return { 
    scope: {}, 
    controller: function() { 
     this.someValue = 23; 
    }, 
    contollerAs: "ctrl", 
    compile: function(tElem, tAttrs) { 
     tElem.html("<h1>Data: {{ctrl.someValue}}</h1>"); 
    }, 
    template: '<h1>test</h1>' 
    } 
}); 

このディスプレイを持っているものです。 しかし、controllerAs構文の代わりにscopeを使用すると、それは機能します。

//this works fine 
angular.module("app", []) 
.directive("foo", function(){ 
    return { 
    scope: {}, 
    controller: function($scope) { 
     $scope.someValue = 23; 
    }, 
    contollerAs: "ctrl", 
    compile: function(tElem, tAttrs) { 
     tElem.html("<h1>Data: {{someValue}}</h1>"); 
    }, 
    template: '<h1>test</h1>' 
    } 
}); 

これが表示されます。データ：23

は、私がここで行方不明です何かはありますか？コンパイルを正しく使用していますか？ マニュアルがあまり役に立たないようです。

Answer 1

タイプミスがあります。それはcontrollerAsであり、contollerAsではありません。

compileの代わりにtemplate functionを使用することをお勧めします。これにより、ダミーの<h1>test</h1>テンプレートがない場合、上記の指示文のcompileは正しく機能しません。