Question

我最近更新了Angular UI引导程序。页面加载时我收到此错误 -

错误：[$ compile：tplrt]指令'uibTypeaheadPopup'的模板必须只有一个根元素。 UIB /模板/预输入/预输入-popup.html

我的模板文件包含输入标记，具有正确的根元素。

<div>
<div class="form-row">
    <div class="form-cell"><label class="control-label">Cc : </label></div>
    <div class="form-cell">
        <input name="ccClientInput" type="text" ng-model="asyncSelected"
               uib-typeahead="address as address.SearchDisplay for address in clientCcSearch.getClients($viewValue)"
               typeahead-loading="loadingLocations"
               typeahead-editable="false"
               typeahead-wait-ms="300"
               placeholder="Search for colleagues"
               class="clientcc-search">
        <div>
            <span ng-repeat="client in CcClients">
                <span class="clientcc">
                    <span class="client-tooltip" tooltip tooltip-contents="createTooltip(client)">{{client.Name}}</span>
                    <span ng-click="removeClientCC($index)" class="cursor-pointer ccCl">
                        <i class="icon-remove-on-s"></i>
                    </span>
                </span>
            </span>
        </div>
    </div>
</div>

Answer 1

问题在于，您尚未关闭其中一个<div>元素。

Answer 2

将问题添加到grunt时，问题在tpls中拼写错误。谢谢， RZ

Angular bootstrap UI typeahead错误

2 个答案: