Angular 如何有条件地将属性插入到角度模板中

我有一个角分量

去掉不需要的部分，这基本上是一样的

@Component({
  template: `
<a class="link-button" [href]="href">Link Button</a>
  `
})
export class LinkButtonComponent {
    @Input() href: string | null = '';
}

但是，绑定null值会产生href=“null”，并且不会完全删除该属性

---

如何有条件地绑定属性，使其不显示在空值上？

使用[attr.href]，如果为空值，该属性将不存在：

<a class="link-button" [attr.href]="href">Link Button</a>

此外，代码中还有一个输入错误：CSS中的按钮链接和HTML中的链接按钮

<a class="link-button" [attr.href]="href">Link Button</a>