页面上有多个预输入，每个都有不同的模板答案

【问题标题】：More than one typeahead on the page, each one with a different template页面上有多个预输入，每个都有不同的模板
【发布时间】：2014-11-21 18:01:08
【问题描述】：

我知道可以通过以下方式自定义 ui.bootstrap.typeahead 的模板：

我的问题是我想在同一页面上有两个预输入，但使用不同的模板，内部（typeahead-match.html）和外部（typeahead-popup.html），这可能吗？

【问题讨论】：

是的，有可能……有什么问题吗？
@Asik，我不知道怎么做。想象一下，我在同一个页面上有两个预先输入，并且每个外部模板（typeahead-popup.html）都需要不同，我该怎么做，因为 $templateCache 将保持相同的 id（'template/typeahead/typeahead- popup.html') 用于两个指令。
查看预输入演示，他们在单页中使用了不同的示例angular-ui.github.io/bootstrap
是的，但它们都使用相同的模板。也许我可以重新提出我的问题。我想在同一页面上有两个预输入，但是使用不同的模板，内部（typeahead-match.html）和外部（typeahead-popup.html），这可能吗？

【解决方案1】：

查看 angular-ui-bootstrap 常见问题解答：

第一项是关于模板...最重要的是，如果您使用名称中带有 -tpls- 的文件，则模板是内联的（作为 JS 文件的一部分添加到模板缓存中，使用HTML 字符串，因此不再需要 html 文件）。

【讨论】：