使用Angular在HTML中停止传播

Question

我遇到了stopPropagation的问题，我不知道怎么写html和typescript for angular。 它打开对话框，但同时进行传播。

以下是HTML中的代码：

<label for="tab-two">PROJECTS
    <a class="plus" (click)="opentestdialog()">+</a>
</label>

这是TypeScript中的代码：

opentestdialog() {
    this.dialog.open(TestdialogComponent);
}

Answer 1

(click)="$event.stopPropagation();opentestdialog()"

或

(click)="opentestdialog($event)"

opentestdialog(e) {
  e.stopPropagation()
  this.dialog.open(TestdialogComponent);
}

Answer 2

谢谢你的时间，但我发现了问题。 我刚写了。

<a class="plus" (click)="opentestdialog(); false">+</a>

非常感谢你，也许这会对某人有所帮助。

Answer 3

这是HTML：

<a class="plus" ng-click="opentestdialog($event)">+</a>

这是打字稿文件：

public opentestdialog(event: angular.IAngularEvent) {
    event.stopPropagation();
    this.dialog.open(TestdialogComponent);  
}