如何解决与ng-template一起使用时不触发mat-button单击
我具有以下代码结构:
<div class="tile panel-container preview" *ngIf="dataSource?.length > 0">
<ng-container *ngIf="uploadPercentage; then loadBlock; else successLoadBlock"></ng-container>
<button mat-button class="btn" [disabled]="checkedColumns.size < 1 || task" (click)="uploadFile()">
{{ 'UPLOADER.SEND_FILE' | translate }}
</button>
</div>
问题是,当我单击按钮时,uploadFile()
不会被触发,并且控制台中不会出现任何错误。我很困惑,因为我以前从未遇到过这样的问题。
当我以这种方式重写代码时,它会以某种方式起作用。
<button mat-button class="btn" [disabled]="checkedColumns.size < 1 || task" (click)="uploadFile()">
{{ 'UPLOADER.SEND_FILE' | translate }}
</button>
<div class="tile panel-container preview" *ngIf="dataSource?.length > 0">
<ng-container *ngIf="uploadPercentage; then loadBlock; else successLoadBlock"></ng-container>
</div>
或者,如果我只删除ng-container
部分,一切正常。
但是我需要将按钮放在容器内,以便将其固定住。有人可以帮忙吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。