как использовать mat-select-trigger с * ngFor

Question

mat-option имеет *ngFor, и я отображаю {{some text}} и значок там, поэтому при выборе любой из опций текст {{some text}} и значок отображаются в mat-form-field. Пример: если у меня есть текст "bbnh" и значок информации. При выборе этой опции я хочу, чтобы она отображала только "bbnh" image_for_the_above

Я пробовал *ngFor на mat-select-trigger как в mat-options, но он не работает.

    <mat-form-field>
      <mat-select  placeholder="Select offer" formControlName="promo">
        <mat-select-trigger>
          {{ item.promo_code }} //Error occuring in this line
        </mat-select-trigger>
        <mat-option *ngFor="let item of promotions" [value]="item"
          >{{ item.promo_code }}
          <i class="material-icons">
            info
          </i>
        </mat-option>
      </mat-select>
    </mat-form-field>

Идентификатор 'item' не определен. Объявление компонента, объявления переменных шаблона и ссылки на элементы не содержат такой

Answer 1

Из того, что я понял, я думаю, это то, что вы ищете

<mat-form-field>
  <mat-select  placeholder="Select offer" formControlName="promo" [(value)]="selected">
    <mat-select-trigger>{{selected}}</mat-select-trigger>
    <mat-option *ngFor="let item of promotions" [value]="item"
      >{{ item.promo_code }}
      <i class="material-icons">
        info
      </i>
    </mat-option>
  </mat-select>
</mat-form-field>

это должно работать!Если вы столкнулись с какими-либо ошибками, сообщите нам об этом в комментариях