Структура модального окна
 

Всем привет. В процессе изучения ангуляра реализовываю виджет модального окна, но не совсем понимаю как его правильно сделать.
Планируется написать в виде сервиса, но для нормальной работы необходимо слишком много действий, что и не устраивает.
Компонент который откроет окно: <client-add-form></client-add-form> в контроллере которого:

$element.on('click', function () {
     modal.open({
        beforeOpen: load,
        template: '<client-form></client-form>'
    })
});

Создаётся компонент модального окна <modal-window>, в тело которого внедряется нужный шаблон, в данном случае компонент <client-form>.
В контролере компонента <client-form> назначаются методы валидации и отправки данных на сервер.

Не устраивает то что часть методов реализуется в <client-add-form> часть в <client-form>, хочется это как-то объединить.

Заюзай angular bootstrap