In den View

Question

übertragenes Isolated Directive Controller Model !!!!!!!!!! Alte Frage

Schauen Sie sich einfach die code (Veraltete). Die isolierte Direktive mit der Vorlage funktioniert, aber diejenige, die in der Ansicht darauf zugreift, tut dies nicht.

---

Der Neue

verwende ich die gleiche plunk und ich habe @ Andrew Eisenberg Vorschlag hörte transclution in meiner Richtlinie zu verwenden, jedoch ist es immer noch nicht funktioniert.

HTML

<p isolate-with-template></p> 
<p isolate-with-transclude>Hello World {{vm.hi}}</p> 

JS

angular.module('app',[]) 
.directive('isolateWithTemplate',function() { 
    return { 
    restrict: 'A', 
    controllerAs: 'vm', 
    scope:{}, 
    controller: function ($scope) { 
     var vm = this; 
     vm.hi = "hi"; 
    }, 
    template: "{{vm.hi}}" 
    } 
}) 
.directive('isolateWithTransclude',function() { 
    return { 
    restrict: 'A', 
    controllerAs: 'vm', 
    scope: {}, 
    transclude: true, 
    template: "<div ng-transclude></div>", 
    controller: function ($scope) { 
     var vm = this; 
     vm.hi = "hi"; 
    } 
    } 
}) 

Answer 1

ersetzen scope: {},-scope: true, in isolateWithoutTemplate

Answer 2

Das Problem, das ist, wenn Sie Inhalte hinzufügen, innerhalb einer Richtlinie, die nicht transkludiert ist , dieser Inhalt wird von der Direktive überschrieben.

Bei Ihrer Anweisung ohne Vorlage wird der gesamte Inhalt einfach entfernt. Sie können dies sehen, wenn Sie nur {{vm.hi}} mit beliebigem Text ersetzen und Sie werden sehen, dass es auch nicht angezeigt wird.

Wenn Sie vm in die Ansicht einschließen möchten, müssen Sie sie durch Hinzufügen der transclude-Eigenschaft zur Richtliniendefinition einschließen. Sie müssten auch eine Vorlage hinzufügen, aber sie könnte leer sein. Weitere Informationen finden Sie unter how to use transclude is available in the angular docs.