Angular bootstrap UI 输入错误

Question

我最近更新了 Angular UI bootstrap。页面加载时出现此错误-

Error: [$compile:tplrt] Template for directive 'uibTypeaheadPopup' must have exactly one root element. uib/template/typeahead/typeahead-popup.html

我的带有 input 标签的模板文件有正确的根元素。

<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

问题是将 tpls 添加到 grunt 时出现拼写错误。谢谢， RZ

Angular bootstrap UI 输入错误

Angular bootstrap UI typeahead error

angularjs

angular-ui-bootstrap