1

現在、angular 2 でprimeng をテストしており、シンプルなメニューを作成したいと考えています。

ここに私のコード：

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

@Component({
    templateUrl: 'app/salaries/menudroite.html',
    selector: 'menu-droite',
    providers: [],
   directives: [Menu]
})
export class menuDroiteComponent implements OnInit   {

  private items: MenuItem[];

  ngOnInit() {
        this.items = [{
        label: 'File',
        items: [
            {label: 'New', icon: 'fa-plus'},
            {label: 'Open', icon: 'fa-download'}
        ]
    },
    {
        label: 'Edit',
        items: [
            {label: 'Undo', icon: 'fa-refresh'},
            {label: 'Redo', icon: 'fa-repeat'}
        ]
    }];
  }

}

そしてhtmlコード

<h4>Menu droite</h4>
<p-menu [model]="items"></p-menu>

Web サイトを起動しても何も表示されません。HTMLの「p-menu」行を削除すると、「h4」が表示されます...

私は何を間違っていますか？

4

4 に答える 4

0

私は同じ状況に苦しんでいます.primeng/primengからMenuItemをインポートできません.primeng/commonフォルダにインターフェースが見つかりましたが、今のところ、次のように宣言しました.

private items: any[];

それでおしまい。

于 2016-10-13T16:26:11.207 に答える
0

ほとんどの場合menuitem、ディレクティブのリストにリストがありません。次のようにします。

 directives: [Menu, MenuItem]

ここのドキュメントによると

API のコアは、メニュー内のアイテムのラベル、アイコン、子などのさまざまなオプションを定義する MenuItem クラスです。

そのため、ディレクティブのリストに MenuItem を追加する必要があります。

于 2016-07-27T18:54:22.220 に答える