Angular 2+ 在 textarea 上使用 ngmodel 保留空格

Question

我正在尝试编写一个带有固定列的简单文本编辑器来配置财务打印机的页脚。
我正在使用纯文本区域来执行此操作，并且我捕捉到按下的每个键以检查文本长度。 我还有 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

知道如何解决这个问题吗？

谢谢。

Answer 1

使用 angular，您应该避免访问原生元素本身。将格式化字符串设置为您的模型 属性 而不是本机输入。 angular 将为您处理并使用绑定更新文本区域。

https://stackblitz.com/edit/angular-ivy-fvtcp3?file=src/app/app.component.ts