it-swarm.com.de

primeng Dropdown-Komponentenfehler ('p-dropdown' ist kein bekanntes Element)

Befolgen Sie die Anleitung: https://www.primefaces.org/primeng/ Ich habe versucht, PrimeNG für die Verwendung mit Angular4 zu installieren, indem Sie die oben beschriebenen Schritte ausführen. Ich erhalte jedoch die Fehlermeldung:

'p-dropdown' is not a known element:

Ich habe versucht, die Projekte wieder aufzubauen, wie in anderen Beiträgen vorgeschlagen, aber es funktionierte nicht für mich. Irgendwelche Hinweise?

Hier sind alle Details:

- PrimeNg-Installation

npm install primeng --save

- Datei: testdropdown.component.html

<p-dropdown [options]="cities" [(ngModel)]="selectedCity"></p-dropdown>

- Datei: testdropdown.component.ts

import { DropdownModule } from 'primeng/primeng';
import { Component, OnInit } from '@angular/core';
import { SelectItem } from 'primeng/primeng';

@Component({
  selector: 'app-testdropdown',
  templateUrl: './testdropdown.component.html',
  styleUrls: ['./testdropdown.component.css']
})
export class TestdropdownComponent implements OnInit {

  cities: SelectItem[];

  selectedCity: string;

  constructor() {

  this.cities = [];
    this.cities.Push({ label: 'Select City', value: null });
    this.cities.Push({ label: 'New York', value: { id: 1, name: 'New York', code: 'NY' } });
    this.cities.Push({ label: 'Rome', value: { id: 2, name: 'Rome', code: 'RM' } });
  }

  ngOnInit() {
  }

}

-- Error:

VM1128:185 [CodeLive] HTTP detected: Connecting using WS
zone.js:630 Unhandled Promise rejection: Template parse errors:
Can't bind to 'options' since it isn't a known property of 'p-dropdown'.
1. If 'p-dropdown' is an Angular component and it has 'options' input, then verify that it is part of this module.
2. If 'p-dropdown' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("<p-dropdown [ERROR ->][options]="cities" [(ngModel)]="selectedCity"></p-dropdown>
"): ng:///AppModule/[email protected]:12
'p-dropdown' is not a known element:
1. If 'p-dropdown' is an Angular component, then verify that it is part of this module.
2. If 'p-dropdown' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("[ERROR ->]<p-dropdown [options]="cities" [(ngModel)]="selectedCity"></p-dropdown>
5
Luigi Rubino

Importieren Sie das Dropdown-Modul in das Modul, in dem Sie Ihre Komponente deklarieren.

import {DropdownModule} from 'primeng/primeng';

@NgModule({
  imports: [
   DropdownModule
  ],
  declarations: [TestdropdownComponent ]

})
export class myModule { }
11
Eduardo Vargas

Wenn das Problem weiterhin besteht, müssen Sie möglicherweise eine weitere Prüfung durchführen, d. H. Wenn "FormsModule" importiert wird. Wenn nicht, importieren Sie es und versuchen Sie es mit 

import { FormsModule } from '@angular/forms';
import { DropdownModule } from 'primeng/primeng';

@NgModule({
  imports: [
    DropdownModule,
    FormsModule
  ],

Dies sollte das Problem lösen. 

3
Karthik H

Sie müssen DropdownModule im Abschnitt imports des App-Moduls hinzufügen oder das Modul, in dem die TestdropdownComponent deklariert ist.

1
harilalkm
Root module file like: app.module.ts. Added something like that. 

import {DropdownModule, AccordionModule, SharedModule, ButtonModule, PanelModule, RadioButtonModule, MessagesModule, KeyFilterModule, FieldsetModule, MessageModule, CalendarModule} aus 'primeng/primeng';

@NgModule({
  imports: [
   DropdownModule,
   BrowserModule,
   BrowserAnimationsModule,
   FormsModule,
   AccordionModule,
   PanelModule,
   ButtonModule,
   RadioButtonModule,
   TableModule,
   HttpClientModule,
   ReactiveFormsModule,
   SharedModule,
   MessagesModule,
   KeyFilterModule,
   FieldsetModule,
   CalendarModule,
   MessageModule
  ],
  declarations: [TestdropdownComponent ]

})
export class myModule { }
1
Bipon Biswas