热门标签 | 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





推荐阅读
  • 资源管理器的基础架构包括三个核心组件:1)资源池,用于将CPU和内存等资源分配给不同的容器;2)负载组,负责承载任务并将其分配到相应的资源池;3)分类函数,用于将不同的会话映射到合适的负载组。该系统提供了两种主要的资源管理策略。 ... [详细]
  • 本文详细介绍了在 Vue.js 前端框架中集成 vue-i18n 插件以实现多语言支持的方法。通过具体的配置步骤和示例代码,帮助开发者快速掌握如何在项目中实现国际化功能,提升用户体验。同时,文章还探讨了常见的多语言切换问题及解决方案,为开发人员提供了实用的参考。 ... [详细]
  • TypeScript 实战分享:Google 工程师深度解析 TypeScript 开发经验与心得
    TypeScript 实战分享:Google 工程师深度解析 TypeScript 开发经验与心得 ... [详细]
  • 本文介绍如何在 Android 中自定义加载对话框 CustomProgressDialog,包括自定义 View 类和 XML 布局文件的详细步骤。 ... [详细]
  • 本文对比了杜甫《喜晴》的两种英文翻译版本:a. Pleased with Sunny Weather 和 b. Rejoicing in Clearing Weather。a 版由 alexcwlin 翻译并经 Adam Lam 编辑,b 版则由哈佛大学的宇文所安教授 (Prof. Stephen Owen) 翻译。 ... [详细]
  • javascript分页类支持页码格式
    前端时间因为项目需要,要对一个产品下所有的附属图片进行分页显示,没考虑ajax一张张请求,所以干脆一次性全部把图片out,然 ... [详细]
  • 解决Bootstrap DataTable Ajax请求重复问题
    在最近的一个项目中,我们使用了JQuery DataTable进行数据展示,虽然使用起来非常方便,但在测试过程中发现了一个问题:当查询条件改变时,有时查询结果的数据不正确。通过FireBug调试发现,点击搜索按钮时,会发送两次Ajax请求,一次是原条件的请求,一次是新条件的请求。 ... [详细]
  • Vue应用预渲染技术详解与实践 ... [详细]
  • 汽车电子架构与CAN网络基础解析——鉴源实验室专业解读 ... [详细]
  • 本文探讨了如何通过检测浏览器类型来动态加载特定的npm包,从而优化前端性能。具体而言,仅在用户使用Edge浏览器时加载相关包,以提升页面加载速度和整体用户体验。此外,文章还介绍了实现这一目标的技术细节和最佳实践,包括使用User-Agent字符串进行浏览器识别、条件加载策略以及性能监控方法。 ... [详细]
  • 深入解析:React与Webpack配置进阶指南(第二部分)
    在本篇进阶指南的第二部分中,我们将继续探讨 React 与 Webpack 的高级配置技巧。通过实际案例,我们将展示如何使用 React 和 Webpack 构建一个简单的 Todo 应用程序,具体包括 `TodoApp.js` 文件中的代码实现,如导入 React 和自定义组件 `TodoList`。此外,我们还将深入讲解 Webpack 配置文件的优化方法,以提升开发效率和应用性能。 ... [详细]
  • 掌握PHP编程必备知识与技巧——全面教程在当今的PHP开发中,了解并运用最新的技术和最佳实践至关重要。本教程将详细介绍PHP编程的核心知识与实用技巧。首先,确保你正在使用PHP 5.3或更高版本,最好是最新版本,以充分利用其性能优化和新特性。此外,我们还将探讨代码结构、安全性和性能优化等方面的内容,帮助你成为一名更高效的PHP开发者。 ... [详细]
  • 点互信息在自然语言处理中的应用与优化
    点互信息(Pointwise Mutual Information, PMI)是一种用于评估两个事件之间关联强度的统计量,在自然语言处理领域具有广泛应用。本文探讨了 PMI 在词共现分析、语义关系提取和情感分析等任务中的具体应用,并提出了几种优化方法,以提高其在大规模数据集上的计算效率和准确性。通过实验验证,这些优化策略显著提升了模型的性能。 ... [详细]
  • 本书详细介绍了在最新Linux 4.0内核环境下进行Java与Linux设备驱动开发的全面指南。内容涵盖设备驱动的基本概念、开发环境的搭建、操作系统对设备驱动的影响以及具体开发步骤和技巧。通过丰富的实例和深入的技术解析,帮助读者掌握设备驱动开发的核心技术和最佳实践。 ... [详细]
  • Android 图像色彩处理技术详解
    本文详细探讨了 Android 平台上的图像色彩处理技术,重点介绍了如何通过模仿美图秀秀的交互方式,利用 SeekBar 实现对图片颜色的精细调整。文章展示了具体的布局设计和代码实现,帮助开发者更好地理解和应用图像处理技术。 ... [详细]
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社区 版权所有