角1：內模板

Question

引用控制器對象我有一個簡單的指令，像這樣：

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

在我的HTML模板我想引用類似以下控制變量（請注意控制上述被引用爲CUS）：

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