- を防ぐには、 "親" 要素

Question

上のonClickをトリガするために、私はこのテンプレート（Aの抜粋）があります。

<custom-panel [summary]="summary.activity" routerLink="/activities"> 
    <a *ngIf="(user$ | async)?.verification.isOK" (click)="openQuestionModal()">Verify</a> 
</custom-panel> 

...と、この "コンポーネント" クラス：

// imports here 

@Component({ 
    selector: 'custom-panel', 
    templateUrl: './custom-panel.component.html', 
    styleUrls: ['./custom-panel.component.scss'] 
}) 
export class CustomPanelComponent implements OnInit { 
    public summary$: Observable<Summary>; 
    public user$: Observable<User>; 

    constructor(private service: UserService, private dialog: MdDialog) { 
    // ... 
    } 

    public ngOnInit() { 
    // Populate this.user$ 
    // Populate this.summary$ 
    } 

    public openQuestionModal(): void { 
    console.log('openQuestionModal() ...'); 
    } 
} 

問題を私がリンクをクリックして "Questions Modal"を開くときはいつも、それは/activitiesルートに行きます（そして最終的にモーダルダイアログがそこで開かれます）。

これを防ぐ方法はありますか？

私が今までに見つけた唯一の方法は、ブール値「フラグ」を持ち、[routeLink]ディレクティブをに更新することです。私はその「旗」を取り除きたいと思っています。

Answer 1

stopPropagationを試しましたか？

(click)="openQuestionModal($event)" 

    public openQuestionModal(event): void { 
    event.stopPropagation(); 
    console.log('openQuestionModal() ...'); 
    }