MD-菜單關閉點擊裏面

MD-選項卡後，我建立了一個md-menu與md-tab-group內，採用了棱角分明材質2.在每個md-tab我顯示不同的列表。我希望看到的行爲是用戶能夠接片和md-menu留打開之間進行切換。MD-菜單關閉點擊裏面

的事情是，在md-menu收盤每點擊一個選項卡。

<img src="/assets/images/ic-notifications.png" [mdMenuTriggerFor]="appMenu"/> 

<md-menu #appMenu="mdMenu" [overlapTrigger]="false" yPosition="below" xPosition="before" class="notifications-dropdown"> 
    <md-tab-group > 
    <md-tab label="My profile" id="personal">   
    <div class="row notification-row" *ngFor = "let notification of profile_notifications"> 
     ... 
     </div> 
    </md-tab> 
    <md-tab label="Favorites " id="favorite-tab" > 
    ... 
     </md-tab> 
    </md-tab-group> 
</md-menu>

如何防止md-menu關閉？

來源

2017-08-24 Emanuela Colta

''這不是關閉 – onetwo12

@ onetwo12 - 因爲在這裏顯示不是所有的代碼我們只能假設。 – BogdanC

@Emanuela colta - 你可以把你的代碼放到一個笨蛋？你有一個與[這裏]進口材料（https://plnkr.co/edit/o077B6uEiiIgkC0S06dd?p=info） – BogdanC

你需要停止鼠標點擊的傳播。你可以這樣說：

<md-menu #appMenu="mdMenu" [overlapTrigger]="false" yPosition="below" xPosition="before" class="notifications-dropdown"> 
    <md-tab-group (click)="stopClickPropagate($event)"> 
     <md-tab label="My profile" id="personal"></md-tab> 
     <md-tab label="Favorites " id="favorite-tab"></md-tab> 
    </md-tab-group> 
</md-menu>

，並在您component.ts文件：

stopClickPropagate(event: any){ 
    event.stopPropagation(); 
    event.preventDefault(); 
}

鏈接Plunker Demo。

來源

2017-08-24 14:51:20 Faisal

MD-菜單關閉點擊裏面

回答

相關問題