Question

我有一个属性，应该设置文本元素的字体大小。到目前为止我已经尝试过了：

<textarea 
  placeholder="Enter your TAX ID" 
  id="tax" 
  [(ngModel)]="tax_out" 
  [(ngModel)]="tax_in" 
  style="width: 100%; height: 100%; position: relative; bottom: 0px; fontsize: {{fontsize}}">
</textarea>

不幸的是没有成功。

我在logcat中得到了这个：

＆＃34;警告：清理不安全的样式值宽度：100％;身高：100％;   位置：相对;底部：0px; fontsize :(见   http://g.co/ng/security#xss）＆＃34;

＆＃34; [WARN] TypeError：无法设置[object Object]的属性样式   只有一个吸气剂＆＃34;

＆＃34; ERROR＆＃34;，来源：ng：///AppModule/ModalContentPage.ngfactory.js（154）

＆＃34; ERROR CONTEXT＆＃34;，来源：ng：///AppModule/ModalContentPage.ngfactory.js(154)

Answer 1

如果它只是一种风格，您可以使用属性绑定：

<textarea [style.font-size.px]="fontsize" ... style="width: 100%; height: 100%; position: relative; bottom: 0px;"></textarea>

如果您需要动态设置多个样式，请查看ngStyle docs以获取更多信息：

<some-element [ngStyle]="{'font-style': styleExp}">...</some-element>    
<some-element [ngStyle]="{'max-width.px': widthExp}">...</some-element>    
<some-element [ngStyle]="objExp">...</some-element>

如何在Angular中的CSS中添加其他样式属性？

1 个答案: