AngularJS добавление ng-controller и нового контроллера через определенное время спустя загрузки страницы?

Question

[Илья]

Здравствуйте. Я хочу привязать новый контроллер к модулю, так чтобы был атрибут ng-controller, но спустя некоторое время после загрузки страницы, например прошло 5 секунд и мне надо добавить к элементу атрибут ng-controller, чтобы он был привязан до новосозданного контроллера, который привязывается к модулю. Ну и чтобы внутри элемента с атрибутом ng-controller я мог обращаться к $scope контроллера. Я новичок, возможно что-то не так понял и этот подход не правильный. Вроде видел решение этой проблемы тут в низу, но не получилось. Спасибо, буду благодарен любой помощи.

Comments

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

Вы лучше скажите какую цель преследуете. Может вы путь неверный выбрали.

[Илья]

Алексей Ярков: У меня есть скрипты которые работают с svg контейнерами, у каждого скрипта своя логика работы с svg контейнером, надо сделать для каждой svg логики страницу и страницу где выбираешь из всех страниц svg какая именно откроется. Я решил сделать навигацию через angular роуты. Сначала сделал страницу с выбором какую svg страницу открыть. Написал это через модуль, компонент. Далее сделал только 1 роутер для всех svg, в который можно передать название svg странички. Я не знаю как сделать чтобы в зависимости от названия игры подключало на страницу нужную логику, которая работает с svg, в каком она виде должна подключаться? В какой структуре мне организовать все?

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

kicker1337: сумбурно как-то... Вам надо подключать контроллер в зависимости от выбранной SVG?

[Илья]

Алексей Ярков: что-то такое, в зависимости от параметра роута добавлять в модуль контроллер и сервисы(constant, value, factory, service, provider). У меня просто много svg и я не хочу создавать для каждого роут. Только у меня же будет много таких контроллеров и сервисов, их можно можно по файликам разбить, чтобы все в одном файле не было? Спасибо что помогаете!

Answer 1

[ozknemoy]

лучше использовать компоненты. в зависимости от типа svg кидать через bindings внутрь компонента параметры. например

html:
<foto-editor
   foto-emit-callback="ctrl.setFotoUrl(id,url)"
   modal-parent-id="{{$ctrl.idCroppedImg}}"
   area-type='circle'
   foto-w='{{$ctrl.widthFromParentCtrl}}'
   foto-h='{{$ctrl.heightFromParentCtrl}}'
>
</foto-editor>

js
var fotoeditorComponent = {
    bindings: {
        fotoEmitCallback: '&',
        modalParentId: '@',
        fotoW: '@',
        fotoH: '@',
        areaType: '@?'
    },...
};

ну и лучше сразу не приучать себя к $scope. это уже лагаси код