Я только что создал шаблон приложения Angular, используя ng new app
. Я хочу условно скрыть некоторые элементы. Я пытался сделать это с помощью ng-show
. Но это не работает.
<span ng-show = "false">Angular App</span>
Независимо от того, что я указал в качестве аргумента ng-show
, элемент всегда отображается. Нужно ли мне что-то импортировать или я ошибаюсь в синтаксисе?
Angular отличается от angularJs, в Angular они удалили ng-show, вы можете использовать *ngIf = "condition"
пожалуйста, проверьте угловую версию в версии 2 или выше, она отличается, например. <div *ngIf = "userHasPet"> {{ user.pet.name }} </div>
Спасибо @Moshezauros и @Avinash Sharma за ценные комментарии. *ngIf
работает хорошо. *ngShow
или ng-show
не работает.
Теперь очень важное различие между ng-show
и ng-if
заключается в том, что ng-show
просто переключает видимость, тогда как ng-if
удаляет элемент из DOM. Это влияет на производительность в различных случаях использования.
Таким образом, чтобы получить эффект, эквивалентный ng-show
в современной версии Angularjs
, Angular
, вы должны использовать [hidden] = condition
.
Использовать
<span [hidden] = "true">Angular App</span>
Вы уверены, что создали приложение angularjs, а не приложение angular?