14

我正在为Angular寻找一个特定的组件,它以类似的方式工作引导标记输入

有人能帮我找到一个现成的组件或提供一些实现示例吗?我在Angular 4上需要它

2

2个答案2

重置为默认值
14

TL;博士在Angular中,该类型的组件被命名为炸薯条。更改关键字,你会找到更好的结果。


有很多方法可以达到它,最常见的是通过“有角度的材料”。

首先,按照以下步骤在项目中安装Angular Material官方教程幸运的是,它写得很好,我认为你不会有问题。

然后,导入MatChips模块在要查看标记的组件中,使用以下方式:

从“@angler/material”导入{MatChipsModule};

最后,您可以使用模板中的组件:

<mat-chip-list><mat-chip*ngFor=“let i of items”[selectable]=“selectable”[remobable]=“remobable”(删除)=“remove(i)”>{{i.tagName}}取消</mat芯片></mat-chip-list>

资料来源:https://material.angular.io/components/chips/overview

5
  • 谢谢你,克里斯蒂安,但不幸的是,我没有使用棱角材料,我不能在这个项目中使用它,所以如果你有其他解决方案,我将非常感激 评论 2017年10月6日17:36
  • 如果你不能使用任何外部模块,那么你没有很多方法,你必须自己创建它 评论 2017年10月6日17:39
  • 我已经使用了外部模块,但我需要那个标签来完成我的项目,所以我认为仅仅为了这个目的而包含角材料是不好的,因为我不会在其他任何东西中使用它 评论 2017年10月6日17:49
  • 幸运的是,角形材料是模块化的,所以你不需要导入整个框架,只需要导入你需要的部分:) 评论 2017年10月6日18:01
  • 1
    不要把UI术语误认为是框架术语。人们可能在使用Angular,但不是Material。“芯片”这个名字来自Material UI,而不是来自Angular应用程序框架。 评论 2021年8月31日8:52
5

在我一次又一次搜索之后,我终于找到了这个组件,它对我来说很有用看起来像是MatChips模块用于具有一些酷炫特征的棱角材料ngx芯片

1
  • 可悲的是,它有自己的漏洞,而且很久以前就没有人管它了。 评论 2018年3月28日7:21

您的答案

单击“发布您的答案”,表示您同意我们的服务条款并确认您已阅读我们的隐私政策.

不是你想要的答案吗?浏览标记的其他问题问你自己的问题.