如何自定义角度材质导航栏的用户界面,使其始终至少显示图标?

时间:2019-02-07 17:05:51

标签: angular navigation material

我将自定义角度材质导航栏的UI设计。

切换时隐藏。 我想始终只显示图标,并且每当切换使其展开以显示标题(如在其他引导模板中一样)时,我总是希望显示。 有办法吗?

我认为这是虚拟的,但我添加了ngIf来显示或隐藏标签,并尝试使用CSS修复该问题,但不确定如何才能更好地保持动画效果。

还是我不能保留材料导航?

      <li *ngFor="let item of thirdMenuLinks">
        <button class="light"
          type="button"
          mat-button">
          <i class="material-icons">{{item.icon}}</i>
          <span *ngIf="showFiller>{{item.name}}</span>
        </button>
      </li>

Image for Expected nav after toggle

Image for Expected nav before toggle

0 个答案:

没有答案