文章/答案/技术大牛

发布

社区首页 >问答首页 >带文本的材料芯片

问带文本的材料芯片
EN

Stack Overflow用户

提问于 2020-04-19 15:39:59

回答 1查看 611关注 0票数 3

我想把芯片和普通的文本输入结合起来。在这里，https://material.angular.io/components/chips/overview#chip-input显示您可以在输入字段中插入芯片。但是我想把它们和标准文本结合起来。

下图显示了我想要看到的内容

基本上我想要“富文本编辑器”一样的输入。你可以自由地放置芯片和文本。

发布于 2020-04-19 16:21:44

尝尝这个

在HTML文件中

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

Typescript文件中

export class AppComponent {

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

}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/61301055

复制

相似问题

问带文本的材料芯片EN