Как изменить цвет кнопки отправки, когда я ввожу какой-то текст в свой тег ввода в angular 6?

Я использовал это в прошлом, и он неплохо работает. Это не бесплатно, но вы должны обязательно взглянуть. JavaScript Obfuscator & amp; Кодер

1
задан Akhil Raghav 16 January 2019 в 06:36
поделиться

3 ответа

Простой способ использования углового стиля [style.background-color]="message && message != '' ? 'red' : 'green'" [style.color]="message && message != '' ? 'black' : 'white'"

<div class="send" [style.background-color]="message && message != '' ? 'red' : 'green'"  [style.color]="message && message != '' ? 'black' : 'white'">
          <i class="material-icons" (click)="onSubmit(message)">
            send
          </i>
          <br>
        </div>
0
ответ дан phucnh 16 January 2019 в 06:36
поделиться

попробуйте это

[style.color]="message.length > 0 ? 'white' : 'red'"  
0
ответ дан Sneha Pawar 16 January 2019 в 06:36
поделиться

Используйте NgClass

отл.

[ngClass]="{'color-1': message.length > 0, 'color-2': message.length === 0}"
0
ответ дан De Wet van As 16 January 2019 в 06:36
поделиться
Другие вопросы по тегам:

Похожие вопросы: