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

飞行烤面包师先生

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

<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 中得到了这个:

“警告:清理不安全的样式值宽度:100%;高度:100%;位置:相对;底部:0px;字体大小:(参见http://g.co/ng/security#xss)。”

“[WARN] TypeError:无法设置只有一个 getter 的 [object Object] 的属性样式”

“错误”,来源:ng:///AppModule/ModalContentPage.ngfactory.js (154)

“错误上下文”,来源:ng:///AppModule/ModalContentPage.ngfactory.js (154)

塞巴费雷拉斯

如果它只是一个样式,您可以为此使用属性绑定

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

如果您需要动态设置多个样式,请查看ngStyle 文档以获取更多信息:

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类常见问题

在Angular JS中动态应用CSS样式属性

来自分类Dev

如何在现有CSS中添加新属性?

来自分类Dev

如何在aria-hidden属性上添加CSS样式

来自分类Dev

如何在Angular2中包含npm中的CSS

来自分类Dev

Angular.js如何在单击时插入CSS类并删除所有其他类

来自分类Dev

如何在CSS中删除悬停样式

来自分类Dev

如何在Angular中覆盖组件的CSS样式?

来自分类Dev

如何在Angular中为一个属性分配其他属性

来自分类Dev

如何在javascript中添加CSS样式?

来自分类Dev

如何在CSS中设置卡片样式

来自分类Dev

如何在Angular中的单个Toast消息中添加自定义CSS?

来自分类Dev

如何在避免!important的同时使用global.css覆盖Angular材质样式?

来自分类Dev

如何在JSF中动态添加CSS样式属性

来自分类Dev

如何在Javascript中设置SVG CSS属性的样式?

来自分类Dev

如何在下拉CSS列表中显示缩略图以及其他样式的文本

来自分类Dev

如何在Angular指令的Link函数中设置CSS样式

来自分类Dev

如何在button_tag中添加CSS属性?

来自分类Dev

Grails:如何在页面中动态添加CSS样式?

来自分类Dev

如何在Angular 1.5.8中使用Animation.css?

来自分类Dev

如何从Angular 2组件中更改CSS样式

来自分类Dev

如何在CSS中设置特定段落元素的样式,而又不影响同一类中的其他段落?

来自分类Dev

如何在Angular 2中使用Bootstrap CSS库?

来自分类Dev

如何在 Angular 模板的 CSS 属性中连接字符串值

来自分类Dev

如何在 Angular Material 中设置按钮 CSS 样式?

来自分类Dev

Angular 动态添加 css 样式

来自分类Dev

如何在 angular scss 项目中导入 ngx-datatable css 样式

来自分类Dev

如何在 ReactJS 中为页面添加不同的 css 样式?

来自分类Dev

如何在 Angular Material 中创建基于主题的 CSS 动画

来自分类Dev

如何在 CSS 中对齐 Angular 网格?

Related 相关文章

  1. 1

    在Angular JS中动态应用CSS样式属性

  2. 2

    如何在现有CSS中添加新属性?

  3. 3

    如何在aria-hidden属性上添加CSS样式

  4. 4

    如何在Angular2中包含npm中的CSS

  5. 5

    Angular.js如何在单击时插入CSS类并删除所有其他类

  6. 6

    如何在CSS中删除悬停样式

  7. 7

    如何在Angular中覆盖组件的CSS样式?

  8. 8

    如何在Angular中为一个属性分配其他属性

  9. 9

    如何在javascript中添加CSS样式?

  10. 10

    如何在CSS中设置卡片样式

  11. 11

    如何在Angular中的单个Toast消息中添加自定义CSS?

  12. 12

    如何在避免!important的同时使用global.css覆盖Angular材质样式?

  13. 13

    如何在JSF中动态添加CSS样式属性

  14. 14

    如何在Javascript中设置SVG CSS属性的样式?

  15. 15

    如何在下拉CSS列表中显示缩略图以及其他样式的文本

  16. 16

    如何在Angular指令的Link函数中设置CSS样式

  17. 17

    如何在button_tag中添加CSS属性?

  18. 18

    Grails:如何在页面中动态添加CSS样式?

  19. 19

    如何在Angular 1.5.8中使用Animation.css?

  20. 20

    如何从Angular 2组件中更改CSS样式

  21. 21

    如何在CSS中设置特定段落元素的样式,而又不影响同一类中的其他段落?

  22. 22

    如何在Angular 2中使用Bootstrap CSS库?

  23. 23

    如何在 Angular 模板的 CSS 属性中连接字符串值

  24. 24

    如何在 Angular Material 中设置按钮 CSS 样式?

  25. 25

    Angular 动态添加 css 样式

  26. 26

    如何在 angular scss 项目中导入 ngx-datatable css 样式

  27. 27

    如何在 ReactJS 中为页面添加不同的 css 样式?

  28. 28

    如何在 Angular Material 中创建基于主题的 CSS 动画

  29. 29

    如何在 CSS 中对齐 Angular 网格?

热门标签

归档