event.stopPropogation阻止模式打开

Question

有2个分区。

<div A>
      <div B></div>
</div>

在div B上单击应打开一个模式，而在div A上单击应导航到另一个页面。我使用event.stopPropogation来防止页面在单击div B时导航到其他页面。 但这阻止了模式的打开。

<div class="border-bottom m-2" *ngFor="let claim of userClaims" (click)="userDetails(claim)">
          <div class="row m-0">
              <div class="col-6 text-right h5" (click)="$event.stopPropagation();setClaim(claim);"  style="font-size: 18px">status
              </div>
            </div>
</div>