Использование angular2 router3 routerLink с кнопкой material2 или button-icon

Question

У меня простой интерфейс

<button
    md-icon-button
    md-tooltip = 'Home'
    [routerLink] = "['new-patient']">
  <i class = 'mdi mdi-home mdi-36px cyanish'></i>
</button>

Привязка routerLink, описанная выше, завершается ошибкой, всегда происходит со следующими ошибками:

Can't bind to 'routerLink' since it isn't a known property of 'a'. ("

    <a md-icon-button
       [ERROR ->][routerLink] = "['new-patient']"
       color = "accent">
      <md-icon class = "material-icons md-2"): SideNavsComponent@43:7

Я понимаю ошибку, но есть ли способ для меня фактически добавить routerLink к кнопке material2 или button-icon?

Довольно сложно признать, что такая простая процедура кажется такой невозможной.

Ранее я задавал вопрос и получил ответ, который работал в июне 2016 года - этот ответ больше не работает ( Как использовать панель инструментов material2, кнопку и маршрутизатор angular-cli)

Спасибо

Answer 1

Это общая ошибка. Если вы видите Can't bind to 'xxx', это означает, что Angular не создавал экземпляр компонента или директивы для этого элемента, который имеет вход с этим именем для привязки. Если имя (xxx или имя элемента) не написано с ошибкой, то причина в том, что компонент или директива не были доступны для текущего модуля. Это не относится к routerLink но относится к каждому компоненту или директиве.