Question

我有一个观点：

<input class="form-control" type="text" name="accountNumber" ng-model="controller.order.accountNumber" typeahead-on-select="controller.onSelect($item)" typeahead="item.title + '<br />' + item.value + '<br />' + item.detail for item in controller.autoComplete($viewValue)" />

我试图在返回的结果集中添加一些格式。这实际上在这个视图上工作正常（视觉工作室对引号呻吟）。

另一种观点是，我有这个设置：

<input class="form-control" type="text" name="sku" ng-model="controller.orderLine.sku" typeahead-on-select="controller.onSelect($item)" typeahead="item.value + '<br />' + item.title + '<br />' +  item.detail for item in controller.autoComplete($viewValue)" />

在此视图中，中断显示为文字。

我不认为有人知道为什么？

Answer 1

我通过创建默认模板来修复此问题：

<a href tabindex="-1">
    <div ng-if="match.model.title"><h4>{{ match.model.title }}</h4></div>
    <div ng-if="match.model.value">{{ match.model.value }}</div>
    <div ng-if="match.model.value">{{ match.model.detail }}</div>
</a>

我的输入型html看起来像这样：

<div class="col-xs-12 col-md-4">
    <form name="searchForm" role="form">
        <input class="form-control" type="text" placeholder="Search" ng-model="controller.selected" typeahead-on-select="controller.onSelect()" typeahead-template-url="template/typeahead/typeahead-account-match.html" typeahead="item.accountNumber as item for item in controller.autoComplete($viewValue)" />
    </form>
</div>

注意：您可以看到我正在将 typeahead-template-url 设置为上面的模板。如果您的模板不太可能发生变化，那么您可以省略该属性，只需覆盖 template / typeahead / typeahead-match.html ，它就会使用该模板。

我希望这有助于其他人：）

AngularJS类型和结果中的html

1 个答案: