テンプレートコントローラなしの角型ディレクティブバインディング

Question

テンプレートを使用しないカスタムディレクティブ（Server generated 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が置かれているスコープを取得します。