Условное отображение имени класса в angular

Я новичок в angular, и последние 2 дня у меня была эта проблема, связанная с тем, как объединить имя динамического класса в angular 2. Как этот код в react.js className=this-is-a-str${isFoo? 'add this' : 'then this'} что-то подобное в angular. вот мой код в ангуаре.

[className] = "getDesignStatus(design).hasError ? 'project--btn btn btn-action btn-danger-invert col-md-3 col-lg-3' : 'project--btn  btn btn-action btn-primary-invert col-md-3 col-lg-3'"

строка, которая меняется только эти 2 btn-danger-invert && btn-primary-invert

angular rendering classname

22.02.2019 17:04

Тестирование функциональных 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

214

Ответы 1

Просто переименуйте className в ngClass и добавьте статические классы, используя обычный атрибут класса html.

<div 
  class = "project--btn btn btn-action col-md-3 col-lg-3" 
  [ngClass] = "getDesignStatus(design).hasError ? 'btn-danger-invert' : 'btn-primary-invert'"
></div>

святое дерьмо чувак. ты спас жизнь! большое спасибо!

— 22.02.2019 17:14

Не переживай приятель :)

— 22.02.2019 17:15

22.02.2019 17:09