1角度：私はこのような単純なディレクティブ持つテンプレート

Question

内のコントローラオブジェクトを参照：私のHTMLテンプレート内

myApp.directive('myDirective', function() { 
    var controller = ['$scope', function($scope) { 
    function init() { 
     this.name = "Sim"; 
     this.age = 6; 
    } 
    init(); 
    }]; 
    //define the directive object 
    var directive = {}; 
    directive.controller = controller; 

    directive.restrict = 'E'; 
    directive.templateUrl = "hello.html"; 
    directive.controllerAs= 'cus';//defining a name to the controller. 
    return directive; 
}); 

を私は（上記コントローラは、お客さまとして参照されますのでご注意ください）以下のようなコントローラ変数を参照したいです：このスニペットが動作していないのはなぜここ

<div> 
    <div>Name: {{cus.name}}</div> 
    <div> Age: {{cus.age}}</div> 
</div> 

は問題

と私のplunkのですか？

Answer 1

考えられる問題は 'this'の使用です。 'this'を使用する代わりに、controllerAs変数を使用します。

例：

var cus = this; 

function init() { 
     cus.name = "Sim"; 
     cus.age = 6; 
    } 

init();