условное отображение имени класса в угловых - PullRequest
Новая
       20

условное отображение имени класса в угловых

0 голосов
/ 22 февраля 2019

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

[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

1 Ответ

0 голосов
/ 22 февраля 2019

Просто переименуйте 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>
...