我在我的 Angular Web 应用程序中使用 devextreme 组件。现在,如果用户单击工具栏按钮,我正在尝试显示一个弹出窗口。我将弹出可见性绑定到组件中的布尔属性。问题是,弹出窗口没有显示。出于测试目的,我在组件的单击事件中添加了一条简单的警报消息,并且该消息正在显示。这意味着,点击事件正在调用,但 popul 不会显示。
这是工具栏模板:
<dx-toolbar>
<dxi-item location="before" widget="dxButton"
[options]="{text: 'Új partner', type: 'default', stylingMode: 'contained', icon: 'fas fa-plus', onClick: add_onClick}"
>
</dxi-item>
<dxi-item location="center" text="Partnerek"></dxi-item>
</dx-toolbar>
弹出模板:
<dx-popup
id="entity-popup"
[width]="400"
height="auto"
[showTitle]="true"
title="Partner"
[(visible)]="entityPopupVisible"
[dragEnabled]="false"
[closeOnOutsideClick]="false">
</dx-popup>
这里是组件:
import { Component } from '@angular/core';
import { SenderRepository } from '../../repositories/sender.repository'
import { Sender } from '../../models/sender.model';
@Component({
selector: "sender-table",
templateUrl: "./senderTable.component.html"
})
export class SenderTableComponent {
entityPopupVisible = false;
constructor(private repo: SenderRepository) { }
get senders(): Sender[] {
return this.repo.senders;
}
public add_onClick() {
this.entityPopupVisible = true;
alert("onclick");
}
}
这里出了什么问题?谢谢你。