如何为Angular 2 primeng自动搜索文本框提供样式？

Question

您好我使用primeng在Angular 2中实现了自动搜索选项。我在https://www.primefaces.org/primeng/#/autocomplete网站找到了参考资料。当我在我的项目中实现相同的代码时，我没有看到填写下拉框列表的建议。我在下面添加了截图。

以下是我的代码。

<p-autoComplete autofocus name="username" [(ngModel)]="username" [suggestions]="filteredUsernamesSingle"(completeMethod)="filterUsernameSingle($event)" field="userName" [size]="30"
placeholder="Enter UserName" [minLength]="3" required></p-autoComplete>

在参考网站中，当用户尝试搜索某些测试时，所有内容都会显示在下拉列表中。但是当我实现时，我没有得到任何下拉列表，如上图所示。有人可以帮助我在哪里可以添加样式，以便在下拉框列表中提出建议吗？

Answer 1

我有同样的问题。我正在将一个string []数组传递给[建议]。在检查了他们的example之后，它开始工作，而我开始传递一组对象。显然，自动完成组件期望对象具有在field指令中指定的属性，否则它将无法达到该值并对其进行正确格式化。尝试将具有userName属性的对象传递给它，因为在HTML中您指定了field =“ userName”。

Answer 2

检查文档页面primefaces getting started。您将看到有关将Primeng CSS和Primeicons以及主题CSS文件（将用作站点主题的文件）添加到项目的angular.js文件中的说明。这将像<link rel="stylesheet" href="styles.css" />一样将外部CSS文件嵌入到网页中。