Angular Einbindung und der Zugriff auf Steuerungsbereich

Question

I eine Winkel Anwendung wie diese mit dem Skript

<div ng-controller"FooCtrl"> 
    <bar></bar> 
</div> 

app.controller('FooCtrl', ['$scope', function($scope) { 
    $scope.fn = function() { window.alert("Hello World"); } 
}]); 
app.directive('bar', function() { 
    return { 
    restrict: 'AE', 
    templateUrl: "/bar.html", 
    }; 
}); 

und die bar.html Teilvorlage eingerichtet ist

<button ng-click="fn();">Exec</button> 

aber das Klicken auf diesen Button funktioniert NICHT.

versuchte ich

... 
transclude:true 
... 

die Richtlinie Rückkehr Zugabe, aber das war kein Erfolg.

Wie aktiviere ich meinen Zugriff auf die Controller-Funktion innerhalb einer Direktive?

Answer 1

Es besteht keine Notwendigkeit, über die Transklusion nachzudenken. Im Grunde hatten Sie Tippfehler, ng-controller & "FooCtrl" sollte = Zeichen

ng-controller="FooCtrl" 

Plunkr Here