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

Question

[vasIvas]

Дело вот какое. Есть модуль angular-vidoe-bg который имеет директиву которая в параметрах ожидает ratio, которое отвечает за формат-масштаб видео. И вот так получается, что наилучшие пропорции можно добиться рассчитав это ratio самому.
А это означает, что где-то нужно написать код, который узнает размеры экрана и после расчетов передаст эти значения в директиву.
Но как это лучше и правильней сделать? В голову приходит несколько вариантов. При инициализации, но это на уровне конфигурации самого приложения, что уже неправильно.
Есть ещё мысль расширить директиву директивой. Но как это сделать не совсем понимаю. На хабре нашел статью, но там автор показывает, как расширить идеальную нативную директиву.

Вот.. Что делать?

Answer 1

[Сергей Протько]

ммм... декоратор? Вы можете сделать директиву, внутри которой используются другие директивы. И в ней инкапсулировать всю логику по расчету параметров относительно вьюпорта или контейнера.

Comments

[vasIvas]

Я очень хочу попросить Вас показать правильный пример, но не могу себе этого позволить прежде чем перепробую все нагугленные мной варианты. А для этого я решил сделать это в первом-боевом режиме, но столкнулся с проблемой, которую наверное и решить-то невозможно. Но я сейчас спрошу и потом вернусь сюда.

[Сергей Протько]

vasIvas: я слабо представляю что именно вам нужно... По сути это будет директива такого вида:

function myVideoDirective() {
    return {
        restrict: 'E',
        replace: true,
        scope: {
            videoId: '=?',
            playlist: '=?',
            loop: '=?',
            mute: '=?',
            start: '=?',
            end: '=?',
            contentZIndex: '=?',
            allowClickEvents: '=?',
            mobileImage: '=?',
            playerCallback: '&?'
        },
        template: '<video-bg ratio="calcRatio()" <!-- перечисляем все атрибуты -->></video-bg> , 
        link: function (scope, el, attr) {
            scope.calcRatio = function () { 
                 // тут что-то считаем, можем за чем-то следить...
            }
            // или можем считать еще где - в сервисе или в функции фабрике....
        }
    }
}

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

[vasIvas]

Сергей Протько: фух.. Наконец-то я добрался до директив.. Вчера до самого сна облако настраивал и сегодня только сел. И я давно хотел спросить, но оставлял на потом и вот оно наступило - где можно почитать о "знаках", которые у Вас идут в значение к переопределенным свойствам? А то я даже не знаю что искать.

[Сергей Протько]

vasIvas: ну прямо в документации о директивах.. Гуглить "isolated scopes". К слову что такое знак вопроса там - я тоже не знаю...