问题描述
我正在尝试编写一个带有固定列的简单文本编辑器，以配置财务打印机的页脚。
我正在使用纯文本区域来执行此操作，并且我按了每个按键来检查文本长度。
我也有3个按钮来设置文本的对齐方式。
因此，如果我想使文本居中对齐，我会在文本的两边都放置空格，使其显得居中。
这很好。
但是，当我尝试从ngmodel中获取textarea值时，我失去了空格，并且文本不再居中。
这是显示奇怪行为的示例。
https://stackblitz.com/edit/angular-ivy-w9njit?file=src/app/app.component.html
如果我使用普通的javascript进行相同操作，则可以正常工作。
https://stackblitz.com/edit/js-splvb2?file=index.js
有什么解决方法吗？
谢谢。
解决方法
使用angular时，应避免访问本机元素本身。将格式化的字符串设置为您的模型属性，而不是本机输入。 angular将照顾您并使用绑定为您更新文本区域。
https://stackblitz.com/edit/angular-ivy-fvtcp3?file=src/app/app.component.ts