爲什麼指令控制器中定義的變量不起作用？

Question

爲什麼我在控制器中定義'sayHi'，並且它不顯示在模板中？

JS：

(function(){ 
var app = angular.module('myApp', []); 

app.directive("directive1", function(){ 
    return { 
     restrict : 'E', 
     scope: { 

     }, 
     link : function($scope){   

     }, 

     controller: ['$scope', function($scope){ 
      $scope.sayHi = 'hi'; 
      window.console.log($scope.sayHi); 
     }] 

    }; 
}); 
})(); 

HTML：

<div style="border: 1px solid; padding: 10px; min-height: 100px;"> 
Directive1 : 
<directive1> 
    {{sayHi}} 
</directive1> 
</div> 

detail plnkr

Answer 1

您的指令沒有任何模板。您需要添加

template: '{{ sayHi }}', 

您的指令定義。 <directive1></directive>中的內容不構成指令的模板。