如何确保angularjs2文本框适合文本中输入的内容？

我有3个HTML文本框，每个文本框的初始宽度为30px。我想这样做，如果有人在其中一个文本框中键入的文本超过了文本框的宽度，那么所有三个文本框的宽度都会扩展，以匹配最大文本框的大小。执行此操作的最佳方法是什么？

@Component({
选择器：“我的应用程序”，
样式：[`#大小
{
位置：绝对位置；
可见性：隐藏；
高度：自动；
宽度：自动；
空白：nowrap；/*感谢Herb Caudill的评论*/
}`]
模板：`
{{text}}
`,
})

它使用一个隐藏的

，需要与输入元素相同的字体样式，每次更改时，输入都会更新，以匹配包含相同文本的隐藏

的大小

另见