html 是否有更好的方法来数据绑定按钮？[已关闭]

vsikbqxv 于 2022-12-16 发布在其他

关注(0)|答案(1)|浏览(148)

已关闭。此问题为opinion-based。当前不接受答案。
**想要改进此问题吗？**请更新此问题，以便editing this post可以用事实和引文来回答。

昨天关门了。
Improve this question
我在我的Angular 应用程序中有一个按钮，我只想在document.referrer不为空/null/etc时显示它。我的html设置如下：

<button
 mat-flat-button (click)="onClose()"
 *ngIf="referrerEmpty">
 Close
</button>

在我的容器里有这个：

export class Container implements OnInit {
  public refEmpty = false;

然后在构造函数中进行if检查，如果为真，则使用服务来设置该属性以供以后使用：

if(document.referrer){
this.redirectService.setRedirectUri(document.referrer);
}

有没有一个更好的方法来绑定按钮到文档引用？也许不必使用*ngIf或如果检查？像只是检查在html或我正在做的是最好的选择？

1条答案

可以使用属性绑定来绑定到button元素的hidden属性，而不是使用ngIf指令

<button
 mat-flat-button (click)="onClose()"
 [hidden]="referrerEmpty">
 Close
</button>

然而，我确实相信ngIf是一种更好的方法，因为使用ngIf时，元素不会呈现在模板上（如果使用ngIf时从浏览器工具检查代码，您将看不到button元素），而使用hidden时，它会呈现，但不可见。