Как с помощью angular 4 скрыть картинку при клике на нее и отобразить input на ее месте. Понимаю, что надо использовать ngShow, ngHide или ngIf angular
-
Уточните, какой версией Angular вы пользуетесь? Потому что вы кинули ссылку на документацию AngularJs, тег вы так же используете AngularJs, но говорите за Angular 4. Имейте ввиду, это принципиально разные фреймворки– Roman Danilov15 сен 2017 в 8:13
-
angular.io последняя, angular 2/4– Антон Евсеев15 сен 2017 в 8:14
Добавить комментарий
|
1 ответ
Для скрытия элементов вы можете использовать:
[hidden]="!variable"
либо
*ngIf="variable"
Разница в том, что [hidden]
скрывает элемент при помощи CSS стиля display, а *ngIf
убирает элемент из DOM дерева
-
код
<img src="images/girl.png" width="189" height="255" alt="lorem"> <input type="text" size="40">код
а как правильно в таком примере использовать? Кликнули на картинку - скрыли картинку и отобразили инпут? 15 сен 2017 в 8:25 -
Да, именно так, по клику просто изменяете значение variable. Для инпута допустим отображать, если variable false, для картинки true. И просто по клику можно делать что-то типа variable = !variable 15 сен 2017 в 8:49