Material Icons上下箭头图标无法显示，寻求技术排查帮助

嗨，我一眼就发现问题所在啦！你现在用的图标名称格式不对，Material Icons的图标命名是用下划线代替空格的，不是直接写带空格的英文短语哦。

你原来写的arrow upward和arrow downward是错误的写法，正确的图标名称应该是arrow_upward和arrow_downward。

修正后的HTML代码片段应该是这样的：

<hello name="{{ name }}"></hello>
<p>
  <button mat-icon-button (click)="onUpClick()">
    <i class="material-icons">arrow_upward</i>
  </button>
  <br/>
  <br/>
  <button mat-icon-button (click)="onDownClick()">
    <i class="material-icons">arrow_downward</i>
  </button>

以后找图标名称的时候，记得看官方文档里的标准命名——比如你搜箭头相关的图标，会看到它们的名称都是下划线连接的格式，这样就能避免类似的问题啦。

内容的提问来源于stack exchange，提问作者Thom