如何解决单击函数调用上的Angular TypeError
当尝试动态创建一个使用硬编码的函数调用的按钮时,出现以下错误:
错误TypeError:无法读取未定义的属性'Checkout()' 在DashboardComponent_div_3_div_2_div_9_li_3_button_2_Template_button_click_0_listener
按钮创建:
<button *ngIf="card.Button2.Type == 'Button'" (click)="this[self[card.Button2.TypeAction]]()" [ngClass]="card.Button2.Class">{{card.Button2.Title}}</button>
正在调用的函数:
Checkout() {
const dialogRef = this.dialog.open(StudyCheckoutDialog,{
width: '800px',autoFocus: false,data: {
message: 'HelloWorld',buttonText: {
cancel: 'Done'
}
},}).afterClosed().subscribe(res => {
// console.log(res)
});
}
该功能已从card类正确加载(card.Button2.TypeAction =签出正确)。但是,这表明dashboard.ts不具有该功能。 (这样做的话,如果不从卡片类中调用,则可以使用,而是硬编码,即(click)=“ Checkout()”
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。