如何解决Angular 代码问题 - 将数据注入 mat-dialog-actions
我需要向 Angular 中的方法获取一些数据。代码如下:
我需要像下面的 editNpi(data) 一样将数据放入 addNpi()
有没有办法做到这一点?谢谢!
<mat-dialog-content>
<ip-data-table
[columnData]="columnData"
[data]="data"
[actionTemplate]="npiActions"
></ip-data-table>
</mat-dialog-content>
<mat-dialog-actions>
<ip-show-obsolete
[disabled]="false"
[clearCheckbox]="clearCheckbox"
(showObsolete)="showObsolete($event)"
>
<button class="mr-2" mat-button (click)="addNpi()">Add</button>
<button mat-button mat-dialog-close>Close</button>
</ip-show-obsolete>
</mat-dialog-actions>
<ng-template #npiActions let-data="data">
<button type="button" [disabled]="!data.active" mat-menu-item (click)="editNpi(data)">
Edit
</button>
<button type="button" [disabled]="!data.active" mat-menu-item>Remove</button>
</ng-template>
解决方法
好的,编写代码的承包商帮助了我。事实证明,我可以在很多地方引用变量“数据”。所以在 addNpi() 方法中,我们放了这个语句:
const rowData = this.data.find(item => item.active);
这使得 rowData 变量中的“数据”可用。
那么这段代码:
const dialogData = {
transType: 'I',npiData: rowData,};
dialogData 已经被创建,我们添加了 rowData 作为名为 npiData 的变量。然后当新对话框出现时,我能够访问 npiData 并且一切正常。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。