问题标签 [md-chip]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
345 浏览

javascript - 如何使用 ng-dblclick 在 md-chip 中捕获双击事件?

我正在寻找一种在 md-chip 指令中使用 ng-dblclick 来捕获双击事件的方法。

但是每次我双击输入字段时,都会出现以下错误。我怀疑它不支持 ng-dblclick。 在此处输入图像描述

客户端代码

任何帮助是极大的赞赏。

0 投票
0 回答
635 浏览

angular - 材料 2 md-chip 不响应颜色属性

我似乎无法让我的芯片响应我的颜色选择,我不知道为什么。

它出现了,但它总是灰色的。我的primary颜色一直适用于其他组件。我试过了secondaryaccent也没有改变。

这是我在控制台中看到的元素: 在此处输入图像描述

这是我在 package.json 中的依赖项: 在此处输入图像描述

0 投票
1 回答
3195 浏览

html - 如何让md-chips水平溢出?

当超过输入的长度时,md-chips 会创建一个新行。我希望芯片始终在一行中继续,并且输入水平溢出,就像普通文本输入一样。如何做到这一点?这个答案对我不起作用。

不良行为的图像: 在此处输入图像描述

0 投票
1 回答
1293 浏览

angularjs - 如何在 md-autocomplete+md-chip 中进行验证

我需要在自动完成中进行验证,例如

  • 最小长度
  • 最长长度
  • 芯片总数

我力求找到一种正确的方法来验证所有这些验证我的 HTML 是

我的js是

请帮我

0 投票
2 回答
550 浏览

javascript - 在输入线下方堆叠 md 芯片

我已经看到一些问题在保持输入顶部的同时垂直堆叠 md-chips,但我想在输入行下堆叠 md-chips,就像它在 google 和 pinterest 中的样子一样在此处输入图像描述

我希望输入字段在顶部,芯片应该堆叠在行
下面我给出了垂直堆叠的代码
谢谢

0 投票
2 回答
4279 浏览

angular - Angular4 Material 芯片组+自动完成

我正在使用 angular 4 的芯片组和自动完成功能在 stackoverflow 中开发诸如标记系统之类的功能。这是我写的一段代码。它不工作

以下是在 TS 文件中:选项基本上是自动完成将选择的位置。

0 投票
2 回答
11635 浏览

reactjs - material-ui 1.0 - 如何使用自动完成创建芯片输入?

在使用 material-ui v1.0(又名material-ui-next)的应用程序中,如何创建带有自动完成选项的芯片输入字段?(即一个文本框,当您开始输入时,会生成一个可用选项列表,当您单击其中一个选项时,会将选项更改为芯片——有点像堆栈溢出时的标签输入框)

到目前为止我发现的所有内容都建议使用https://github.com/TeamWertarbyte/material-ui-chip-input但是这个库使用的是旧的 material-ui v0.20 并且它们正在移植到material-ui v1.0 这个分支还不支持自动完成。还有另一种方法吗?

0 投票
1 回答
9047 浏览

angular - 如何在 Angular 6 中使用 Material 将 mat-chip 绑定到 ngmodel

我在 mat-dialog 中有一个显示多个字段的表单。它们中的大多数都是输入并完美地工作,它们与 [(ngModel)] 绑定,如下所示,但我想要一个带有 mat-chips 和自动完成的字段(如这里)。我的问题是我不知道如何将所选芯片与 [(ngModel)] 绑定获取数据。

我的HTML

我的组件

查看我填写的表格

当我单击“添加”按钮时,我的项目与所有其他字段一起添加,但“movementsIds”字段为空,正如我们在控制台中看到的那样。

提前感谢您为我提供的任何帮助。

0 投票
2 回答
16825 浏览

typescript - 如何在角度材料 2 中使用 mat-chip 和自动完成来保存选定的对象

我正在使用 Angular 6 和 Angular 材质。我正在尝试从 mat-chip 和自动完成中保存选定对象或选定对象列表。我能够将字符串值发送到 fruits[] 数组,但不能将选定的对象发送到 fruits[] 数组。请帮我找到解决方案。谢谢。

我的演示项目链接:stackblitz 上的演示代码

0 投票
2 回答
6063 浏览

dart - 如何禁用 Flutter Raw Chip 中的芯片选择图标?

我想创建一个带有芯片的 TabBar,如下所示:

代码是:

Now, I have been able to use a RawChip Widget to create the basic outline of this but when the chip is selected, a tick icon is shown in the avatar.

我想禁用头像。

我还想添加一次选择单个选项卡的功能。

我怎么做?