angular - 如何使用来自 devgrid 的 devextreme 弹出信息？

Question

我正在使用 devextreme 的 devgrid 并尝试从网格的一列中调用弹出窗口。但是，如果我使用该onClick事件，它会尝试重定向页面而不是打开弹出窗口。

有谁知道这是什么原因？

<dx-data-grid>
        ....

<dxi-column type="buttons" cssClass="cell-highlighted" caption="colunaBotao">
      <dxi-button
          hint="Clone"
          icon="repeat"
          [visible]="isCloneIconVisible"
          [options]="toolbarOptions">
      </dxi-button>
</dxi-column>
        ....
</dx-data-grid>

<dx-popup
      id="entity-popup"
      [width]="400"
      height="auto"
      [showTitle]="true"
      title="Partner"
      [dragEnabled]="false"
      [closeOnOutsideClick]="false"
      (onInitialized)="popupInitialized($event)"
>
</dx-popup>

.ts代码：

public popup: DxPopup;
public toolbarOptions = {
      text: 'Új partner',
      type: 'default',
      stylingMode: 'contained',
      icon: 'fas fa-plus',
      onClick: () => { console.log("chegou no toolbar"); this.popup.show() }
    }

    popupInitialized(ev) {
    this.popup = ev.component;
}