热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

错误:无法绑定到“建议”,因为它不是“pautoComplete”PRIMENG的已知属性

我在我的离子项目上安装了primeng以便能够使用自动完成功能,我遵循了所有建

我在我的离子项目上安装了primeng以便能够使用自动完成功能,我遵循了所有建议,但仍然出现错误:


  

错误:模板解析错误:因为它无法绑定到“建议”
  不是'p-autoComplete'的已知属性。
  1.如果“ p-autoComplete”是一个Angular组件,并且具有“建议”输入,则请验证它是否是此模块的一部分。
  2.如果“ p-autoComplete”是Web组件,则将“ CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“ @ NgModule.schemas”
  禁止显示此消息。

注意到我已经这样做了:

npm install primeng --save
npm install primeicons --save

我的app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';
import {AutoCompleteModule} from 'primeng/autocomplete';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
@NgModule({
declarations: [AppComponent],entryComponents: [],// tslint:disable-next-line: max-line-length
imports: [BrowserModule,IonicModule.forRoot(),AppRoutingModule,HttpModule,HttpClientModule,AutoCompleteModule,BrowserAnimationsModule,MultiSelectModule],providers: [
StatusBar,SplashScreen,{ provide: RouteReuseStrategy,useclass: IonicRouteStrategy }
],bootstrap: [AppComponent],schemas:
[CUSTOM_ELEMENTS_SCHEMA]
})

angular.json中的样式配置

"styles": [
"node_modules/primeicons/primeicons.css","node_modules/primeng/resources/themes/nova-light/theme.css","node_modules/primeng/resources/primeng.min.css",{
"input": "src/theme/variables.scss"
},{
"input": "src/global.scss"
}
]

我的HTML


Liste des Docteurs



[minLength]="1" placeholder="Médecins" field="name" [multiple]="true">



我的Ts组件

import { Component,OnInit } from '@angular/core';
import { MedecinService } from '../medecin.service';
@Component({
selector: 'app-search',templateUrl: './search.page.html',styleUrls: ['./search.page.scss'],})
export class SearchPage implements OnInit {
medecin: any;
medecins: any[];
filteredMedecinsMultiple: any[];
constructor(private medecinService: MedecinService) { }
filterMedecinmultiple(event) {
const query = event.query;
this.medecinService.getMedecins().toPromise().then(medecins => {
this.filteredMedecinsMultiple = this.filterMedecin(query,this.medecins);
});
}
filterMedecin(query,medecins: any[]): any[] {
const filtered: any[] = [];
for (let i = 0; i const medecin = this.medecins[i];
if (medecin.name.toLowerCase().indexOf(query.toLowerCase()) === 0) {
filtered.push(medecin);
}
}
return filtered;
}
```
Thanks





推荐阅读
  • VScode格式化文档换行或不换行的设置方法
    本文介绍了在VScode中设置格式化文档换行或不换行的方法,包括使用插件和修改settings.json文件的内容。详细步骤为:找到settings.json文件,将其中的代码替换为指定的代码。 ... [详细]
  • CSS3选择器的使用方法详解,提高Web开发效率和精准度
    本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
  • 如何使用Java获取服务器硬件信息和磁盘负载率
    本文介绍了使用Java编程语言获取服务器硬件信息和磁盘负载率的方法。首先在远程服务器上搭建一个支持服务端语言的HTTP服务,并获取服务器的磁盘信息,并将结果输出。然后在本地使用JS编写一个AJAX脚本,远程请求服务端的程序,得到结果并展示给用户。其中还介绍了如何提取硬盘序列号的方法。 ... [详细]
  • 本文介绍了RPC框架Thrift的安装环境变量配置与第一个实例,讲解了RPC的概念以及如何解决跨语言、c++客户端、web服务端、远程调用等需求。Thrift开发方便上手快,性能和稳定性也不错,适合初学者学习和使用。 ... [详细]
  • 本文介绍了前端人员必须知道的三个问题,即前端都做哪些事、前端都需要哪些技术,以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外,还介绍了一些后端服务,如Node.js。 ... [详细]
  • Spring常用注解(绝对经典),全靠这份Java知识点PDF大全
    本文介绍了Spring常用注解和注入bean的注解,包括@Bean、@Autowired、@Inject等,同时提供了一个Java知识点PDF大全的资源链接。其中详细介绍了ColorFactoryBean的使用,以及@Autowired和@Inject的区别和用法。此外,还提到了@Required属性的配置和使用。 ... [详细]
  • 如何查询zone下的表的信息
    本文介绍了如何通过TcaplusDB知识库查询zone下的表的信息。包括请求地址、GET请求参数说明、返回参数说明等内容。通过curl方法发起请求,并提供了请求示例。 ... [详细]
  • 本文介绍了响应式页面的概念和实现方式,包括针对不同终端制作特定页面和制作一个页面适应不同终端的显示。分析了两种实现方式的优缺点,提出了选择方案的建议。同时,对于响应式页面的需求和背景进行了讨论,解释了为什么需要响应式页面。 ... [详细]
  • HTML5网页模板怎么加百度统计?
    本文介绍了如何在HTML5网页模板中加入百度统计,并对模板文件、css样式表、js插件库等内容进行了说明。同时还解答了关于HTML5网页模板的使用方法、表单提交、域名和空间的问题,并介绍了如何使用Visual Studio 2010创建HTML5模板。此外,还提到了使用Jquery编写美好的HTML5前端框架模板的方法,以及制作企业HTML5网站模板和支持HTML5的CMS。 ... [详细]
  • SpringBoot整合SpringSecurity+JWT实现单点登录
    SpringBoot整合SpringSecurity+JWT实现单点登录,Go语言社区,Golang程序员人脉社 ... [详细]
  • 从零基础到精通的前台学习路线
    随着互联网的发展,前台开发工程师成为市场上非常抢手的人才。本文介绍了从零基础到精通前台开发的学习路线,包括学习HTML、CSS、JavaScript等基础知识和常用工具的使用。通过循序渐进的学习,可以掌握前台开发的基本技能,并有能力找到一份月薪8000以上的工作。 ... [详细]
  • 本文整理了Java中org.gwtbootstrap3.client.ui.Icon.addDomHandler()方法的一些代码示例,展示了Icon.ad ... [详细]
  • 知识图谱表示概念:知识图谱是由一些相互连接的实体和他们的属性构成的。换句话说,知识图谱是由一条条知识组成,每条知识表示为一个SPO三元组(Subject-Predicate-Obj ... [详细]
  • 基于SpringBoot打造在线教育系统(6)– 二级分类模块UI篇
    这一节来做二级分类,为了快速开发,一级分类只做新增,暂时不考虑修改和删除,如果一定要删,就去数据库删吧。我们接下来,需要通过一级分类,获取所有的二级分类。开始 ... [详细]
  • 高质量SQL书写的30条建议
    本文提供了30条关于优化SQL的建议,包括避免使用select *,使用具体字段,以及使用limit 1等。这些建议是基于实际开发经验总结出来的,旨在帮助读者优化SQL查询。 ... [详细]
author-avatar
半路张三_711
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有