Угловое включение и доступ к области видимости контроллера

Question

У меня есть угловое приложение настроить как этот

<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", 
    }; 
}); 

и частичной матрицы bar.html будучи

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

но нажатие этой кнопки НЕ работает.

Я попытался добавить

... 
transclude:true 
... 

к возвращению директивы, но это не было никакого успеха.

Как включить доступ к функции контроллера в рамках директивы?

Answer 1

Нет необходимости думать о трансклюзии. В основном вы были опечатка, ng-controller & "FooCtrl" должны быть разделены = знаком

ng-controller="FooCtrl" 

Plunkr Here