css - 自动完成功能下拉菜单没有显示我的数据

我正在使用自动完成功能。当我点击输入框时，会打开一个下拉菜单，显示所有可选择的字段。

我的问题是这些字段无法显示，我已经尝试过使用 z-index 等方法，到目前为止都没有效果。

我该如何解决这个问题？

演示

代码

<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>

正如你在图片中看到的，信息确实存在，但它看起来不可见 :(

答案＃1

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

像这样试试：

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

演示示范