*ngIf не скрывает div в Angular 17

Я пытаюсь показать div, соблюдены ли условия для *ngIf. Я просто не в состоянии это сделать. Я пробовал это часами.

<div *ngIf = "item.billingItem=='Staff'">This is NOT showing. I don't know why</div>

Однако работает то же условие:

<div>{{item.billingItem=='Staff'?'This is working':''}}</div>

Что я делаю не так? Я чувствую, что это глупая ошибка.

*ngIf = "item.billingItem == 'Staff'" сохранение пробелов до и после == должно решить проблему.

— 06.06.2024 06:56

Я думаю, это из-за отсутствия «CommonModule». Я попробую другой метод. Спасибо.

— 06.06.2024 07:05

вы импортировали директиву ngIf в компонент?

— 06.06.2024 07:16

angular

06.06.2024 06:49

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Angular и React для вашего проекта веб-разработки?

Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...

Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf

Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.

Угловой продивер

Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.

Мое недавнее углубление в Angular

Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...

Освоение Observables и Subjects в Rxjs:

Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular

152

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Поскольку вы используете angular17, используйте @if импорт не требуется.

@if (item.billingItem=='Staff') {
    <div>This is NOT showing. I don't know why</div>
}

Еще у нас есть @if и @else

@if (item.billingItem=='Staff') {
    <div>This is NOT showing. I don't know why</div>
} @else {
    <div>This is showing. I don't know why</div>
}

Учебник по управлению потоком управления Angular

Ух ты! Спасибо. Не знал об этом, и это работает. Можем ли мы использовать @if (condition) {} else {} вот так?

— 06.06.2024 08:36

@ElaineByene обновила мой ответ, есть еще больше функций, перейдите по ссылке angular.dev, чтобы ознакомиться с ними

— 06.06.2024 08:40

06.06.2024 08:33

Другие вопросы по теме

Ошибка типа CSS MIME при обслуживании сайта из S3 через CloudFront

Нужен ли мне OnPush, если мое приложение является бесзональным?

Новые компоненты не выполняют повторный рендеринг при получении данных, но они выполняют повторный рендеринг, если это старый компонент

Разница между наблюдаемым toSignal И обновлением значения сигнала внутри подписки Observable

Как динамически получить экземпляр атрибутированной директивы из элемента в коде

Использование FontAwesome 6 с Angular 18: «Невозможно выполнить привязку к «spin», поскольку это неизвестное свойство «fa-icon»»

Как удалить элемент с помощью асинхронного канала после завершения наблюдения

Странное поведение в AngularFire

Почему мои изменения в proxy.conf.js не применяются?

Статическое веб-приложение Azure — ANGULAR не обновляет свою среду

*ngIf не скрывает div в Angular 17

Ответы 1

Другие вопросы по теме

Похожие вопросы