Angular 启动p菜单栏示例不起作用

我得到以下错误。它告诉我它不能绑定“模型”，因为“p菜单栏”不知道它

我是一个很新的角度和素描。有人能帮我吗

错误：模板分析错误： 无法绑定到“model”，因为它不是“p-menubar”的已知属性。 1.如果“p-menubar”是一个角度组件，并且具有“模型”输入，则验证它是否是该模块的一部分。 2.如果“p-menubar”是Web组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的“@NgModule.schemas”以抑制此消息。 3.若要允许任何属性，请将“无错误模式”添加到此组件的“@NgModule.schemas”。 ][型号]=项目> ：ng:///AppModule/AppComponent。html@1:23 “p-menubar”不是已知元素： 1.如果“p-menubar”是一个角度组件，则确认它是该模块的一部分。 2.如果“p-menubar”是Web组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的“@NgModule.schemas”以抑制此消息。 [错误->] ：ng:///AppModule/AppComponent。html@1:12 评价 加载main.js 堆栈跟踪： 合成误差@ TemplateParser.prototype.parse@ JitCompiler.prototype.\u compileTemplate@

---

JitCompiler.prototype.\u compileComponents/我发现了问题。从'priming/priming'导入{MenubarModule，MenuItem}；需要在app.module.ts中，而不是在app.component.ts中

    import { Component } from '@angular/core';
import { MenubarModule, MenuItem } from 'primeng/primeng';

@Component({
  selector: 'my-app',
  template: `
            <p-menubar [model]="items">
                <input type="text" pInputText placeholder="Search">
                <button pButton label="Logout" icon="fa-sign-out"></button>
            </p-menubar>
  `
//   templateUrl: './app/app.component.html'
})
export class AppComponent { 

    items: MenuItem[];

    ngOnInit() {
        this.items = [
            {
                label: 'File',
                items: [{
                        label: 'New', 
                        icon: 'fa-plus',
                        items: [
                            {label: 'Project'},
                            {label: 'Other'},
                        ]
                    },
                    {label: 'Open'},
                    {label: 'Quit'}
                ]
            },
            {
                label: 'Edit',
                icon: 'fa-edit',
                items: [
                    {label: 'Undo', icon: 'fa-mail-forward'},
                    {label: 'Redo', icon: 'fa-mail-reply'}
                ]
            }
        ];
    }
}

    import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent }  from './app.component';

@NgModule({
  imports:      [ BrowserModule],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }