Как заставить работать контроллер из шаблона, вставленного директивой?

Question

[Айсик Бендер]

Имеется сферическая в вакууме директива:

angular
    .module('app')
    .directive('block', function () {
        return {
            replace: true,
            restrict: 'A',
            templateUrl: function (element, attr) {
                return 'blocks/' + attr.block + '.html';
            }
        };
    });

Основной шаблон:

<!-- … -->
<div block="example"></div>
<!-- … -->

Шаблон (blocks/example.html):

<div ng-controller="ExampleCtrl as example">
    <p ng-bind="example.text"></p>
</div>

Контроллер:

angular
    .module('app')
    .controller('ExampleCtrl', ExampleCtrl);
function ExampleCtrl() {
    this.text = 'Текст'
}

Суть
Шаблон удачно вставляется, но почему-то игнорирует атрибут ng-controller="ExampleCtrl as example" в первом элементе шаблона, из-за чего <p ng-bind="example.text"></p> остаётся пустой.

Если создать директиву с replace: false, то контроллер заработает, но обёртка останется.
Или если в шаблоне атрибут сместить на уровень ниже, то контроллер тоже заработает:

<div>
    <div ng-controller="ExampleCtrl as example">
        <p ng-bind="example.text"></p>
    </div>
</div>

Это связано с тем, что директива создаёт свою область видимости?
Есть ли какой-нибудь простой способ заставить директиву использовать область видимости контроллера без создания лишних обёрток?

Comments

[Алексей Ярков]

А если контроллер указывать в директиве?

[Айсик Бендер]

Можно, но мне нужно именно чтобы директива работала как include, чтобы обёртка не оставалась и контроллер был заключён в вставляемом шаблоне.

Answer 1

[Mikhail Osher]

Для этих целей есть ng-include.

Comments

[Айсик Бендер]

…который оставляется после себя ненужный контейнер.

Answer 2

[napa3um]

stackoverflow.com/questions/22575424/angularjs-ng-...

Но лучше не переусложнять с кастомным биндингом директивы для указания контроллера в шаблоне, а просто указать контроллер в модуле директивы.

angular
    .module('app')
    .directive('block', function () {
        return {
            replace: true,
            restrict: 'A',
            templateUrl: function (element, attr) {
                return 'blocks/' + attr.block + '.html';
            },
            controller: 'ExampleCtrl',
            controllerAs: 'example',
            bindToController: true
        };
    });

Comments

[Айсик Бендер]

Минус такого подхода в том, что в разных блоках будут одинаковые контроллеры. Более того, мне показалось, что они имеют общий Скоуп.

[napa3um]

Айсик Бендер: параметризировать логику контроллера можно по атрибуту. Скоуп у каждой директивы свой собственный.