我正在尝试制作一个输入框并为其添加颜色。相同的颜色应添加到段落的背景。我正在尝试但出现错误。有人可以帮忙吗?
home.html
<input type="text" [(ngModel)]="colorName"/>
<p [ngStyle]="{background-color:'colorName'}">This is a paragraph.</p>
home.ts
colorName: string = 'red';
注意:我只想在[ngStyle]和2向绑定中使用 Angular4
答案 0 :(得分:3)
只需从colorName
中删除报价单,然后在css属性中添加这样的报价单-
<input type="text" [(ngModel)]="colorName"/>
<p [ngStyle]="{'background-color':colorName}">This is a paragraph.</p>
答案 1 :(得分:1)
这样做:
<p [ngStyle]="{'background-color':colorName}">This is a paragraph.</p>
答案 2 :(得分:1)
您可以在background-color
<input type="text" [(ngModel)]="colorName"/>
<p [ngStyle]="{'background-color':colorName}">This is a paragraph.</p>