материал фишек с надписями

Question

Я хочу объединить фишки с обычным вводом текста. Здесь https://material.angular.io/components/chips/overview#chip -вход показывает, что вы можете вставить фишки в поле ввода. Но я хочу объединить их со стандартным текстом.

Ниже на рисунке показано, что я хочу видеть

В основном я хочу "богатый" текстовый редактор "как ввод. Вы можете свободно помещать фишки и текст.

Answer 1

Как я понял, вы хотите совместить чип с обычным текстом. попробуйте это

в HTML файле

<mat-form-field>
    <mat-chip-list #chipList>
        <mat-chip>{{data.chipText}}</mat-chip>{{data.noramlText}}
  </mat-chip-list>
</mat-form-field>

в файле машинописного текста

export class AppComponent {

  data = {chipText: 'Chip 1', noramlText:'1'};

}