Добавление кнопки mat-icon

Question

<mat-toolbar color="primary">
    <button mat-icon-button (click)="menu.toggle()">
        <mat-icon>menu</mat-icon>
    </button>
    <span>{{ title }}</span>
    <button mat-icon-button (click)="logout()" >
        <mat-icon>home</mat-icon>
    </button>
</mat-toolbar>

там есть кнопка со значком дома, мне нужно поставить правый угол, как это сделать. Как добавить встроенный CSS к этой кнопке со значком дома

Answer 1

Добавьте уникальный class к этой кнопке и используйте css:

<button mat-icon-button class="end">
    <mat-icon>home</mat-icon>
</button>

CSS:

   .end{
      margin-left: auto;
   } 

Смотрите здесь: https://stackblitz.com/edit/angular-h8zdkh-pvavjh?file=app/chips-autocomplete-example.css

Answer 2

Попробуйте это

<mat-toolbar color="primary">
    <button mat-icon-button (click)="menu.toggle()">
        <mat-icon matSuffix>menu</mat-icon>
    </button>
    <span>{{ title }}</span>
    <button mat-icon-button (click)="logout()" >
        <mat-icon matSuffix>home</mat-icon>
    </button>
</mat-toolbar>