Как изменить значок динамически на основе состояния, которое отображается через машинопись? - PullRequest
Новая
       16

Как изменить значок динамически на основе состояния, которое отображается через машинопись?

1 голос
/ 28 марта 2019

Я отображаю иконки с помощью машинописи, используя название иконки материала. Я хочу изменить значок в соответствии с условием. Скажем, как в машинописном тексте, имя значка - «power_off», if power is false then we want to use 'power_off' but if the power is true then we want to use 'power'. Я использую другой компонент для такого кода, но он связан с этим компонентом, и имя изменяется в этом компоненте, но в представлении это не изменяется. Пожалуйста, помогите мне с этим. Заранее спасибо. 

{name: 'associateDriver', visible: true, tooltip: 'Associate Driver', icon: 'person', type: 'icon'},
                {name: 'associateServiceReminder', visible: true, tooltip: 'Service Reminder', icon: 'add_alert', type: 'icon'},
                {name: 'busStopStatus', visible: false, tooltip: 'Bus Stop Status', icon: 'pin_drop', type: 'icon'},
                {name: 'delete', visible: false, tooltip: 'Delete', icon: 'delete', type: 'icon'},
                {name: 'immobilize', visible: true, tooltip: 'Immobilize', icon: 'power_off', type: 'icon'}

1 Ответ

1 голос
/ 28 марта 2019

Надеюсь, это поможет 100 

<div> 
  <mat-icon *ngIf="power">power_on<mat-icon>
  <mat-icon *ngIf="!power">power_off<mat-icon>
</div>
...