Angular 1: Referenzierung Controller-Objekt innerhalb Vorlage

Question

Ich habe eine einfache Anweisung wie folgt aus:

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; 
}); 

In meinem HTML-Vorlage I wie unten Controller Variablen verweisen möchten (bitte beachten Sie den Controller wie oben cus verwiesen wird):

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

Hier ist mein plunk mit dem Problem

Warum ist dieser Ausschnitt funktioniert nicht?

Answer 1

Das mögliche Problem ist die Verwendung von "this". Verwenden Sie anstelle von 'this' die Variable controllerAs.

Ex:

var cus = this; 

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

init();