沒有模板控制器的角度指令綁定As

Question

當使用沒有模板的自定義指令時（使用服務器生成的DOM）並將我的視圖綁定到控制器時，我遇到了一個問題。

這裏是我的jsfiddle樣本：

angular.module('myModule', []) 
 
    .directive('myDirective', function(){ 
 
    \t return { 
 
     \t bindToController: true, 
 
     \t controller: 'myController', 
 
      controllerAs: 'ctrl', 
 
      scope: { 
 
      text: '@' 
 
      }, 
 
     } 
 
    }) 
 
    .controller('myController', function($scope){ 
 
    \t \t this.text = $scope.text 
 
    }) 
 

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.js"></script> 
 
<div data-ng-app="myModule" data-my-directive='' data-text="Hello world!"> 
 
    <h1> 
 
    {{ ctrl.text }} 
 
    </h1> 
 
</div>

使用我的指令字符串模板或模板URL將作品中的相同的樣品，但我需要使用的服務器DOM。

有沒有人得到同樣的問題並解決了它？

問候，

Answer 1

指令將編譯僅template/templateUrl在指令本與指令範圍。否則，指令的內容將獲得該html的放置位置。