SelectItemの未解決の約束拒否

Question

私のapp.module.tsと私のapp.welcome-panel-menu-list.component.tsの間でこのエラーが発生しています。誰かが私に問題点を指摘できますか？

app.module.ts：

import { NgModule }  from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { CommonModule } from '@angular/common'; 
import { AppComponent } from './app.component'; 
import { MenuBar }  from './app.menu-bar.component'; 
import { WelcomePanel } from './app.welcome-panel.component'; 
import { WelcomePanelList } from './app.welcome-panel-menu-list.component'; 
import { MenubarModule } from 'primeng/primeng'; 
import { ButtonModule } from 'primeng/primeng'; 
import { SelectItem } from 'primeng/primeng'; 

@NgModule({ 
    imports:  [ BrowserModule, MenubarModule, ButtonModule, CommonModule ], 
    declarations: [ AppComponent, MenuBar, WelcomePanel, WelcomePanelList ], 
    bootstrap: [ AppComponent ] 
}) 
export class AppModule { } 

app.welcome・パネル・メニュー・list.component.ts：

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

@Component({ 
    selector: 'welcome-panel-menu-list', 
    templateUrl: './app/app.welcome-panel-menu-list.component.html' 
}) 

export class WelcomePanelList { 
    items: SelectItem[]; 

    selectedItem: string; 

    selectedItems: string[]; 

    constructor() { 
     this.items = []; 
     this.items.push({label:'Observations', value:'Observations'}); 
     this.items.push({label:'Profile', value:'Profile'}); 
    } 

    onNgInit(){ 
     this.constructor(); 
    } 
} 

HTML：

<!-- <h3 class="first">Single</h3> --> 
<p-listbox [options]="items" [(ngModel)]="selectedItem"></p-listbox> 

<p>Selected Item: {{selectedItem}}</p> 

ERROR：

Unhandled Promise rejection: Template parse errors: 
Can't bind to 'options' since it isn't a known property of 'p-listbox'. 
1. If 'p-listbox' is an Angular component and it has 'options' input, then verify that it is part of this module. 
2. If 'p-listbox' 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. ("<!-- <h3 class="first">Single</h3> --> 

<p-listbox [ERROR ->][options]="items" [(ngModel)]="selectedItem"></p-listbox> 

Answer 1

エラーメッセージに基づいて、p-listboxのコンポーネントに入力としてoptionsが指定されていない可能性があります。

あなたが書いたものであれば、それがサポートしている入力を確認してそのうちの1つを使用するか、または機能を実装するoptionsの入力を追加します。 `;

import { Component, Input } from '@angular/core'; 

@Component() 
export class MyComponent { 
    /* the important thing here is Input */ 
    @Input() options: Array<any> = []; 
}