Question

我正在尝试使用不同的技术动态调整Angular2 +中的输入框大小。我尝试创建一个指令，这给了我一些麻烦，因为我仍然不完全理解如何使用指令，我认为我错误地实现了它。

我发现我可以通过使用[style.width.px]="myWidth"接近我想要完成的工作，其中myWidth是我可以在组件逻辑中计算的变量。虽然这似乎是朝着正确方向迈出的一步，但我最好使用表达式代替myWidth变量来调整任何需要增长超出CSS中定义的min-width的输入。

所以，我问是否有人可以指导我正确的方向基本上这样说：

<input type="text" [style.width.px]="expression goes here">

其中表达式将获取输入框内容的当前长度，然后为填充添加一些额外的像素。

感谢任何帮助，如果您需要更多代码，我将很乐意提供。

Answer 1

嗯，不知道Angular-ish实现这一目标的方法，但你可以（当然）利用普通的javascript来处理＆＃34;更改＆＃34;用于计算输入字段中字母的事件，将其乘以10像素并动态更改长度变量。然后，Angular会自动重新渲染输入字段。