如何将图标值添加到组件创建的MdIcon

Question

如何从组件中添加图标？我尝试过跟随代码，但没有成功。

@Component({
  selector: 'app-example',
  template: '<md-icon icon="{{icon}}" class="md-24">menu</md-icon>'
})
export class SidebarComponent implements OnInit {
  public icon: String;

  ngOnInit(): void {
    this.icon = "menu"
  }
}

给出以下错误：

  

compiler.es5.js：1689未捕获错误：模板解析错误：无法绑定   到＆＃39; icon＆＃39;因为它不是“md-icon＆＃39;”的已知属性。