javascript - 如何在由框架创建的 <input> 标记中显示不 chop 的文本

Question

我正在使用Angular Material这个表单有一个自动完成字段，我有 md-autocomplete 它使用了

<input type = "text" />

在内部呈现文本字段。我有这个问题。每当文本长于字段宽度时，我希望它换行，这样它就不会被 chop ，并显示在下一行中。

但与 <input>无法设置样式以使溢出文本显示在下一行中(我知道 textarea 符合我的要求，但 md-autocomplete 使用 input )。

所以问题是如何在不 chop 的情况下显示文本。任何建议都可以。请帮忙!

Answer 1

来自文档 link :

• md-search-text-change 当用户更改文本时触发表达式
• md-selected-item-change 当用户选择一个项目时触发表达式

我的建议是通过 CSS 隐藏您的 md-autocomplete 并 Hook 这些表达式来更新用户将看到并交互的文本区域。

抱歉，目前没有工作代码。但如果你愿意的话我可以创造一个笨蛋。我为 ui-autocomplete 构建了类似的内容。两个输入，其中一个为 ng-model="data.uiModel 和 ng-model=data.actualModel"