Angular：如何避免ng内容重复

Question

在我应用的不同部分，我使用内部具有相同内容的mat-select

<mat-select placeholder="Sharing" i18n-placeholder [formControl]="shared">
  <mat-option value="!" i18n>None</mat-option>
  <mat-option value="*" i18n>All</mat-option>
  <mat-optgroup label="Roles" i18n-label>
    <mat-option *ngFor="let role of rolesService.roles$ | async" [value]="role.name">{{role.name}}</mat-option>
  </mat-optgroup>
</mat-select>

而mat-select的属性可以不同。此选择中的项目在应用程序的所有部分均保持不变。如何避免重复选择垫子内容？

PS：第一个想法是将mat-select包装在我的自定义组件中。但这有两个缺点：

1. 包装要求传递所有属性，表单控件功能和事件。

2. 它将mat-select包裹在另一个组件中，这将使其难以正确布局并与mat-form-field互操作