применить ngclass в mat-cell error получения angular 8 - PullRequest
Новая
       31

применить ngclass в mat-cell error получения angular 8

0 голосов
/ 16 февраля 2020

Я пытаюсь использовать ngclass для моего условия, чтобы применить css для приведенного ниже кода html, но он показывал ошибку.

Я хочу использовать два класса colorRed и colorOrange

Вот мой класс Two (CSS) 

    .colorRed{
        color:red;
    }
    .colorOrange{
        color: orange;
    }

Вот условие

  1. Если процент>> 5% и <10%, показать оранжевый цвет </li>
  2. Если процент>> 10%, нужно показать красный цвет

Вот мой html

    <ng-container matColumnDef="salaryIncrease">
     <th mat-header-cell *matHeaderCellDef mat-sort-header> </th>
     <td mat-cell [ngClass]="{'colorRed': element.salaryIncrease>= 5% }" *matCellDef="let element" > {{element.salaryIncreas| currency:'':''}}
     </td>
    </ng-container>

1 Ответ

1 голос
/ 16 февраля 2020

Вы получаете ошибку разбора шаблона, потому что вы используете символ% во время сравнения и символ% не может быть использован для сравнения. Просто сравните значения в процентах.

Также в стандартном сценарии для процентных значений сохраняется только значение. Символ% добавляется только при необходимости

Рабочий пример для вас

https://stackblitz.com/edit/angular-5fbpjc?embed=1&file=app / table-basi c - пример. html

...