Атрибут в названии класса для Ngclass json ⇐ Html

[Anonymous]

У меня есть следующий код для моего тоста, в котором я назначаю класс через тип тоста [ngclass = "this.toast.type"] , который, например, назначает информацию класса . Теперь я хочу также применить скрывающуюся анимацию, для которой мне нужен дополнительный класс под названием .Is-Hiding , который играет анимацию Slideout. Но теперь я получаю ошибку, потому что у меня есть два атрибута [ngclass] . [ngClass]="this.toast.type"
[ngClass]="{'is-hiding': this.toast.isHidingAnimation}"
[ngStyle]="{'opacity': toast.fadeOutCurrentOpacity}"
class="rvs-toast fade">


< /code>
Это вызывает предупреждение, а первый класс не назначен.[ngClass]="{this.toast.type: true, 'is-hiding': this.toast.isHidingAnimation}"
< /code>
Это вызывает ошибку, поскольку мы не можем использовать элементы внутри имени атрибута: < /p>
Error: src/app/helpers/snackbar/component/rvs-toast.component.html:1:46 - error TS2339: Property 'this' does not exist on type 'RvsToastComponent'.

1
Как бы я использовал оба типа назначения при сохранении правильного синтаксиса? Я все еще опубликую свое решение как вопросы и ответы, так как я не мог найти ничего на теме через свои поиски.


Подробнее здесь: https://stackoverflow.com/questions/797 ... class-json