自动完成下拉菜单不显示数据

Question

我正在使用自动完成功能。当我单击输入时，会打开一个下拉列表，其中包含所有可能的字段可供选择。

我的问题是这些字段不可见，我已经使用 z-index 等进行了测试，但到目前为止没有任何效果。

我该如何解决这个问题？

DEMO

代码

<div class="form-group" style="padding-top: 10px;">
    <div class="ng-autocomplete auto">
        <ng-autocomplete [data]="countries" [searchKeyword]="keyword" 
         [itemTemplate]="itemTemplate" [notFoundTemplate]="notFoundTemplate">
        </ng-autocomplete>

        <ng-template #itemTemplate let-item>
            <a [innerHTML]="item.departamento"></a>
        </ng-template>

        <ng-template #notFoundTemplate let-notFound>
            <div [innerHTML]="notFound"></div>
        </ng-template>
    </div>
</div>

正如您在图像中看到的那样，信息在那里，但看起来不可见:(

Answer 1

在#itemTemplate，你需要绑定name，因为它是你json中的属性

试试这样：

<ng-template #itemTemplate let-item>
    <a [innerHTML]="item.name"></a>
</ng-template>

Working Demo