我如何有条件地将arrribute插入Angular模板

Question

我有一个角度分量。

切出最需要的部分。

sudo docker logs mysql-container 2>&1 | grep GENERATED

我有一个CSS选择器，可以链接到无处变灰的地方：

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

但是，绑定空值会给出href =“ null”，并且不会完全删除该属性。

我该如何有条件地绑定属性，以使它不显示为null？

Answer 1

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

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

此外，您的代码中有一个错字：CSS中的 button-link 和HTML中的 link-button 。