【问题标题】:Change color of input if its not empty (Angular)如果输入不为空,则更改输入颜色(Angular)
【发布时间】:2017-06-23 08:26:15
【问题描述】:

我已经看过一些帖子,但没有什么能真正帮助到我。 我有一个输入字段,如果填写了某些内容,我想将颜色更改为红色。

如果 question.value 已填充,我尝试使用 ng-class 检查,但我认为我做错了。 我试过这样:

<md-input-container>
  <input mdInput [(ngModel)]="question.value" ng-class="{red: question.value}">
</md-input-container>

我很感激我能得到的每一个帮助。谢谢!

【问题讨论】:

  • 显示您使用 ngClass 尝试过的内容。
  • 这不是ngClass的用法;正确的语法应该是[ngClass]=""
  • 正如@Edric 所说,使用[ngClass]="'red': question.value";

标签: angular input angular-material ng-class


【解决方案1】:

把代码改成这样:

[ngClass]="'red': question.value"; 

这里是plunker

希望这会有所帮助。

【讨论】:

    猜你喜欢
    • 2021-03-07
    • 1970-01-01
    • 2018-09-02
    • 1970-01-01
    • 2021-02-01
    • 2021-07-02
    • 2019-09-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多