Как я могу условно вставить атрибут в шаблон Angular

У меня есть угловой компонент.

Вырезать ненужные биты, это в основном похоже.

@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" и не удаляет атрибут полностью.

Как я могу условно привязать атрибут, чтобы он не отображался при нулевом значении?