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

标签 javascript jquery angularjs autocomplete angular-material

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

<input type = "text" />

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

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

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

最佳答案

来自文档 link :

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

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

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

关于javascript - 如何在由框架创建的 &lt;input&gt; 标记中显示不 chop 的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33494485/

相关文章:

javascript - momentjs 中的 UTC 日期

javascript - 使用条件时不显示 React 组件

javascript - 关于如何向用户显示给定文本的建议标签的 UI 建议?

javascript - 单击后如何随机化图像?

javascript - Jquery.each数组推送不起作用?

javascript - TinyMCE 插入跨度后移动插入符

javascript - 注册组件的非 Angular 和 Angular 版本

javascript - Angular ng-options 通过对象 id 预选值

javascript - AngularJS 中的表单始终无效

javascript - 使用 addeventlistener 阻止默认链接操作