时间戳

首页 > 解决方案 > 如何握住垫子以进行确认

angular - 如何握住垫子以进行确认

问题描述

我的要求是当我单击 mat 选项卡时，它应该显示一个警告，说你确定。如果用户单击是，则只有选项卡应更改，否则用户将位于同一选项卡上。但是，当我单击一个选项卡时，它会更改选项卡，然后显示确认。我正在使用 ng-prime 确认服务。

<mat-tab-group >
    <mat-tab >
        <ng-template mat-tab-label let-value="value">
                <span (click)="onClick('abc')">TAB1</span>
        </ng-template>
    tab1
    </mat-tab>
    <mat-tab > <ng-template mat-tab-label>
            <span (click)="onClick('xyz')">TAB2</span>
    </ng-template>Tab 2
</mat-tab>
</mat-tab-group>




 onClick(label){
    if(label == "tab1"){

        this.confirmationService.confirm({
            key: "confirm-tab1",
            message: "Are you sure?",
            accept: () => { }


    }else if(label == "tab2"){
        this.confirmationService.confirm({
            key: "confirm-tab2",
            message: "Are you sure?",
            accept: () => { }

标签： angularangular-material

解决方案

当您使用时，(click)="onClick('xyz')您将'xyz'作为参数发送而不是'tab1'or 'tab2'，将其更改为(click="onClick('tab2')它应该可以工作:)

推荐阅读