预先输入多个列表项答案

【问题标题】：typeahead multiline List items预先输入多个列表项
【发布时间】：2014-09-17 16:15:16
【问题描述】：

我正在使用 twitter bootstrap 和 angularjs 使用 typeahead。它显示自动完成建议，如下面的屏幕截图所示。但我想在不同的行中显示大城市名称。例如，使用 twitter bootstrap typehead 在两行中显示大城市名称。如何为了实现这一点？任何帮助都是显而易见的，我正在使用http://angular-ui.github.io/bootstrap/。

【问题讨论】：

你的意思是让文本覆盖多行？
正确但自动换行无效
您需要为橙色条提供比蓝色区域更高的z-index。我不会担心自动换行

标签： css angularjs twitter-bootstrap

【解决方案1】：

只需在要换行的地方放一个
标签即可。

【讨论】：

【解决方案2】：

你可以有这个模板

<input id="id" type="text" name="name" ng-model="binding" typeahead-min-length="0" uib-typeahead="x as x.name for xyz in alphabet" typeahead-popup-template-url="url/to/template" typeahead-editable="false" autocomplete="off" typeahead-on-select="yourMethodCall()" ng-change="yourMethodCall()">

在您的模板文件中，即 some_template.html

<div class="design class" aria-hidden="{{!isOpen()}}">
    <div class="container" ng-repeat="match in matches">
      <div> your design here... </div>
  </div>
</div>

然后你就完成了

【讨论】：