自变量的自定义模板

Question

我使用的是Angular Bootstrap的typehead，它提供了一个属性： typeahead-template-url ，可用于设置自定义HTML模板以显示打印头项目。在示例中，它设置为：HTML中的customTemplate.html，模板创建如下：

<script type="text/ng-template" id="customTemplate.html">
  <a>
      <img ng-src="http://upload.wikimedia.org/wikipedia/commons/thumb/{{match.model.flag}}" width="16">
      <span bind-html-unsafe="match.label | typeaheadHighlight:query"></span>
  </a>
</script>

我可以在主JavaScript文件中定义此模板，而不是像上面那样为其创建脚本标记吗？

我正在寻找类似的东西：

HTML：

<input typehead=".." typeahead-template-url="tpl.html" />

JS：

Angular.setTemplate( 'tpl.html', '<a href="{{item.url}}">{{item.name}}</a>' )