我有一个角度分量。
切掉不需要的部分，它主要是这样的。
@Component({
template: `
<a class="link-button" [href]="href">Link Button</a>
`
})
export class LinkButtonComponent {
@Input() href: string | null = '';
}
我有一个 CSS 选择器，用于指向无处的链接，使它们变灰：
a.button-link:not([href]) {
background-color:#A7A9AB;
border-color:#A7A9AB;
}
但是，绑定空值会给出 href="null" 并且不会完全删除该属性。
如何有条件地绑定一个属性，使其不显示在 null 上？
使用 [attr.href] 并且在 null 值的情况下该属性将不存在：
<a class="link-button" [attr.href]="href">Link Button</a>
此外，您的代码中有一个错字：CSS 中的button-link和HTML 中的link-button。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句