각도 4 + PrimeNG 메뉴 - - 우수한 라이브러리

활성

로 표시 여러 메뉴 항목 나는 내가 가지고있는 4.3.0각도 4 + PrimeNG 메뉴 -

문제가 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

출처

2017-12-21 InSane

'열기'를 클릭해도 동일한 문제가 발생합니까? –

각도 4와 PrimeNG 4.x 또는 각도 5와 PrimeNG 5를 사용해야합니다. https://stackoverflow.com/questions/47630214/primeng-5-0-2-doesnt-work-with-angular-4/47630478# 47630478 – Antikhippe

@chautran - 아니요 "새로 만들기"를 클릭 할 때만 발생합니다. '열기'를 클릭하면 '열기'만 선택됩니다. 오픈 아이디가 New를위한 URL의 하위 집합이기 때문에 아마도 나는 생각합니다. New는 루트 계층 구조의 자식입니다. – InSane

이 메뉴 모델 변경 아래 확인하십시오이 문제를 해결하려면 제공 : 완전한 예를 들어

 
{ 
     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

출처

2018-01-18 04:58:32

경로 /proposal/create 및 /proposal/에 문제가있는 것 같습니다. 당신이 새로운를 클릭하면 먼저

당신이 그것을해야 이러한 경우에는 완전히 다른 경로의 /New 같은과 /Open로 사용해 볼 수 열기 모두 새로운 및 을 선택하는 이유가 될 수 proposal 다음 create를 호출 잘 작동합니다. 이 후 작동하지 않는 경우

나는 jsfiddle을 만들고 그것을 시도 :

출처

2018-01-13 05:00:10 Ashwani

제안 해 주셔서 감사하지만이 경우 다른 경로를 갖고 싶지는 않습니다. 경로에 상위 하위 관계를 표시하고 URL을 정확히 일치시키는 방법을 알고 싶습니다. – InSane

각도 4 + PrimeNG 메뉴 -

답변

관련 문제