改变文本框的背景颜色

Question

当有人在角度4中输入文本框中的颜色时，我正在尝试更改文本框的背景颜色。但它不起作用。我正在使用Visual Studio Code。这是我的代码：

<input type="text" ngModel="myColor" ng-style="{background-color: myColor}">

Answer 1

这不是使用ngClass的正确语法，请尝试以下代码：

<input type="text" ngModel="myColor"  [ngStyle]="{'background-color': myColor}">

Answer 2

试试这个：

<input type="text" [(ngModel)]="myColor" [ngStyle]="{'background-color': myColor}">

Answer 3

Angular语法应为 [(ngModel) ]和 [ngStyle] ，

<input type="text" [(ngModel)]="myColor" [ngStyle]="{'background-color': myColor}">

<强> DEMO