#html #angular #typescript
#HTML #angular #typescript
Вопрос:
Как мне изменить тот же код на display:block и display:none ? Это так?
[style.visibility] = "anyVariable ? 'block' : 'none'">
Если anyVariable true, то block , если false, то none , верно?
Я использую typescript и angular
Комментарии:
1.
[style.visibility]="anyVariable?'visible':'hidden'". Чтобы изменить стиль, вы можете использовать [style.property]=»переменная» , (переменная также может быть выражением). Вы также можете использовать [ngStyle]=»переменная», где переменная — это объект
Ответ №1:
block amp; none являются display переменными атрибута css. Поэтому вы должны использовать display атрибут css.
[style.display] = "anyVariable ? 'block' : 'none'">
или вы можете использовать ngStyle для этого.
[ngStyle]="{'display': anyVariable ? 'block' : 'none' }"