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

Question

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

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

错误：模板解析错误：无法绑定到模型，因为它不是p-menubar的已知属性。1.如果p-menubar是Angular组件，并且它具有模型输入，则验证它是否是此模块的一部分。2.如果p-menubar是Web组件，则将CUSTOM_ELEMENTS_SCHEMA添加到该组件的@NgModule.schemas中以抑制此消息。3.若要允许任何属性添加'NO_ERRORS_SCHEMA'到此组件的'@NgModule.schemas'. (" ][模型]="项目"

这是应用程序。组成部分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'}
                ]
            }
        ];
    }
}

这是应用程序。单元ts:

    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 { }

Answer 1

我发现了问题。“从'priming/priming'导入{MenubarModule，MenuItem}；”需要在应用程序中。单元ts，不在应用程序中。组成部分ts。