在Primeng中不显示步骤菜单

Question

尝试使用primeng进行学习，我修改了cli生成的入门代码，如下所示。

app.component.ts

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {

    name: string; 

    message1: string;

    private items: MenuItem[];

    ngOnInit() {
        this.items = [
            {label: 'Step 1'},
            {label: 'Step 2'},
            {label: 'Step 3'}
        ];
    }

    onClick() {
        this.message1 = 'Hello ' + this.name;
    }
}

app.component.html因此：

<input type="text" [(ngModel)]="name" pInputText>
<button type="button" pButton label="Click" icon="fa fa-check" (click)="onClick($event)"></button>

<div>{{message1}}</div>
<p-fileUpload name="myfile[]" url="http://localhost/"></p-fileUpload>


<p-steps [model]="items" [readonly]="false"></p-steps>

app.module.ts因此：

import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { InputTextModule, ButtonModule }  from 'primeng/primeng';
import {FileUploadModule} from 'primeng/primeng';
import {StepsModule,MenuItem} from 'primeng/primeng';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    FormsModule,
    HttpModule,
    InputTextModule, 
    ButtonModule,
    FileUploadModule,
    StepsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

它显示几乎空白的屏幕，没有控制台错误：

当我删除p-steps标签时，它会正确显示其他元素

关于p步骤我有什么问题？

Answer 1

尝试从导入中删除＆＃39; MenuItem＆＃39; 。当我在app.module.ts中添加MenuItem时出现编译错误。

错误：＆＃39; MenuItem＆＃39;仅指类型，但在此处用作值。

仅在组件中导入它应该有效。

Answer 2

错误：从错误的引用中添加了StepsModule。

尝试添加： 从“ primeng / steps ”导入{StepsModule}；

删除： 从'primeng / primeng'导入{StepsModule， MenuItem }; （AppModule）