динамически менять значок в зависимости от текста, используя angular 8 со шрифтом awesome - PullRequest
Новая
       2

динамически менять значок в зависимости от текста, используя angular 8 со шрифтом awesome

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

Я пытался динамически изменить значок в зависимости от значения, которое находится в промежутке

Вот мой HTML На самом деле в тексте версии есть только два значения

  1. Активен, если он активен, должен появиться значок успеха
  2. InActive, если он неактивен, должен появиться значок предупреждения

Я не уверен, как использовать ngclass здесь, чтобы получить значение. 

        <div class="pl-2">
            <div class="version-box">
                <i class="fa fa-check-circle text-warning ml-1"></i> 
                <i class="fa fa-check-circle text-success ml-1"></i>
                <span class="version-label">{{selectedVersion.versionText}}</span></div>
        </div>

Пожалуйста, дайте мне знать, как это сделать

1 Ответ

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

Поскольку Font-Awesome использует классы: просто используйте атрибут [ngClass]: 

<i class="fa fa-check-circle " [ngClass]="classToggle == true ? 'text-warning' : 'text-success'">

Вы можете изменить любые классы, которые вам нравятся, таким образом.

A quick Blitz

...