Как динамически подключить директиву?

Question

[sanex3339]

Суть: есть директива ProgressBar.
В данный момент она подключается в родительский компонент сразу же и занимает место на экране.
Хотелось бы сделать так, что бы директива эта грузилась только, когда в родительском компоненте произойдет эвент 'change' на инпуте с type="file", т.е. как только один или несколько файлов будут выбраны для загрузки. Именно в тот момент имеет смысл отображать эту директиву.

Есть ли какой нибудь способ сделать это, без создания нового св-ва visibility в родительском компоненте и передачи его значения аттрибутом?

<progress-bar [visibility]="visibility" [progress]="uploadProgress"></progress-bar>

Или же наоборот - способ, указанный выше, самый оптимальный?

Answer 1

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

нет, компонент вернхенго уровня должен же как-то это контролировать. И да, называться свойство должно хотя бы "uploadInProgress", что бы было понятно из контекста что это такое.

p.s. тут лучше подходит ngIf

Comments

[sanex3339]

Спасибо, сделал с *ngIf

[lega]

Не подскажите в A2 появился аналог ngShow/ngHide из коробки? Если нет, то почему?

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

lega: я целую статью на эту тему написал. ngShow/ngHide просто не нужны, раз мы можем биндиться напрямую к свойствам DOM элементов (hidden):

<div [hidden]="expression"></div>

[lega]

Сергей Протько: я про hidden читал на SO, думал что это не стандартный аттрибут.
Видимо css нужен только для IE < 11.

[lega]

Сергей Протько: Спасибо.

[lega]

хм, почему его называют атрибутом когда он по характеристикам - проперти.

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

lega: нууу.... вариант "в контексте HTML это атрибут, а в контексте DOM - проперти" - принимается?

[lega]

Все же атрибуты от проперти отличаются, например если value изменить как атрибут, а не как проперти, то он перестает работать (в хроме), хотя большинство из них пересекаются нормально.

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

lega: нууу, тут уже детали реализации... с точки зрения именно семантики мне кажется логичным что атрибуты это HTML представление свойств DOM элементов. А уж как они мэпятся друг на дружку - это уже детали...