0

Доброго времени! Имеется директива А, которая динамически создаёт директиву Б (используя $compile). Директива Б находится в отдельном файле, который подгружается через RequireJS (т.е. на момент работы директивы А, файл с директивой Б уже загружен). Но на выходе вместо ожидаемого результата работы директивы Б имеется только её объявление в HTML. Как необходимо реализовать отложенную загрузку директивы Б?

0

1 ответ 1

2

Lazy loading directives in AngularJS the easy way

Т.к. после инициализации приложения создание директив будет невозможно, необходимо сохранить ссылку на compileProvider в объекте приложения.

var app = angular.module('MyApp', []);

app.config(['$compileProvider', function($routeProvider, $compileProvider) {
    app.compileProvider = $compileProvider;
}]);

Далее создание директивы необходимо вызвать следующим образом:

app.compileProvider.directive(...);

Аналогично для контроллеров, сервисов и фильтров. Описано в данной статье.

app.config(function( $controllerProvider, $provide, $compileProvider ) {
...
app.service = function(name, constructor) {
    $provide.service(name, constructor);
    return(this);
};

app.factory = function(name, factory) {
    $provide.factory(name, factory);
    return(this);
};

app.value = function(name, value) {
    $provide.value(name, value);
    return(this);
};
...
1
  • 1
    Пожалуйста, добавьте в ответ минимальный необходимый пример решения (информацию по ссылке могут удалить и ответ потеряет ценность). 7 авг 2015 в 13:38

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.