角度4 + PrimeNGメニュー -

Question

アクティブ

として示す複数のメニュー項目Iは私が持っている4.3.0

問題がPanelMenuすなわちp-panelMenu制御である

角度4.1.2とPrimeNGを使用しています。次

は、私が持っている問題は、「 新は」両方「 オープン」と「 新」をクリックするたびに選択してしまうことがあります私のメニュー

{ 
    label: 'Demo', 
    icon: 'fa-shield', 
    items: [{ 
     label: 'Proposal', 
     items: [ 
      { label: 'New', icon: 'fa-plus', routerLink: ['/proposal/create'], routerLinkActiveOptions: "{exact:true}" }, 
      { label: 'Open', icon: 'fa-search', routerLink: ['/proposal'] }, 
     ] 
}, 

の構造です。

私はこれを避けようとしましたが、routerLinkActiveOptions: "{exact:true}"を入れても効果がないようです。

routerLinkActiveOptionsのAPIに関するドキュメントへのポインタもあります。現在、オプションとして設定できるプロパティ/値を理解できませんrouterLinkActiveOptions

Answer 1

あなたのメニュー・モデルへの変更の下にしてください。従って完全な例については

 
{ 
     label: 'Demo', 
     icon: 'fa-shield', 
     items: [{ 
     label: 'Proposal', 
     items: [ 
      { label: 'New', icon: 'fa-plus', routerLink: ['/proposal/create'], routerLinkActiveOptions: { exact: true } }, 
      { label: 'Open', icon: 'fa-search', routerLink: ['/proposal'], routerLinkActiveOptions: { exact: true } }, 
     ] 
     }] 
} 

：https://stackblitz.com/edit/angular-a27wca

Answer 2

/proposal/createと/proposal/の問題のようです。あなたは新をクリックしたときには、最初

あなたはそれが必要これらのケースでは全く異なるルートの/Newのようなものと/Openで試すことができますオープン両方新とを選択する理由かもしれないproposal、その後createを呼び出しますうまく動作します。この問題を解決するには

これは、私はjsfiddleを作成し、それを試してみて動作しない場合:)