Angular Directive Bindung ohne Vorlage ControllerAs

Question

Ich bin ein Problem bei der Verwendung einer benutzerdefinierten Direktive ohne Vorlage (verwenden Server generierte DOM) und binden meine Sicht auf einen Controller.

Hier ist meine jsFiddle Beispiel:

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>

Die gleiche Probe eine Zeichenfolge Vorlage für meine Anweisung oder eine Vorlage URL Werke verwenden, aber ich brauche den Server DOM verwendet.

Hat jemand das gleiche Problem gelöst und gelöst?

Grüße,

Answer 1

Richtlinie nur template/templateUrl in Richtlinie mit der Richtlinie Umfang zusammenstellen. Andernfalls würde innerer Inhalt von Direktive den Bereich bekommen, in dem dieser HTML Platz ist.