Question

我有这个Angular.js UI-Bootstrap问题。 typeahead-template-url="typeahead/bind-node.html"未在typeahead模板中呈现表达式{{}}。我不知道为什么。在Chromium调试器中，我在元素检查器中验证了这一点，其中有文字{{match}}而不是评估的表达式。

我还使用'console.log（）'验证了返回getNodeLabel($viewValue)的对象是否正常。

HTML：

<input type="text" id="label" name="label" ng-model="$parent.node.id" typeahead-min-length="1"
       placeholder="Node Name / Label"
       typeahead-template-url="typeahead/bind-node.html" style="width:350px;"
       typeahead-editable="false"
       typeahead="dropDownItem as dropDownItems.label for dropDownItem in getNodeLabel($viewValue)"
       typeahead-loading="loadingNodeLabels" class="form-control" required>
<i ng-show="loadingNodeLabels" class="glyphicon glyphicon-refresh"></i>

typeahead html：

<script type="text/ng-template" id="bind-node.html">
 <a>
 {{match}}
 <span bind-html-unsafe="match.label | typeaheadHighlight:query" class="ng-binding">
 <i>{{match.label}}</i>
 <h1>{{match}}</h1>
 </span>
 </a>
</script>

Answer 1

id="bind-node.html"必须为id="typeahead/bind-node.html"

typeahead-template-url不在模板中呈现{{}}表达式

1 个答案: