问题标签 [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 投票
2 回答
4308 浏览

angularjs - AngularMaterial md-chips:不显示所选项目

我正在尝试<md-autocomplete>此处的示例md-chips

为了防止选定的项目进入,<md-autocomplete>我修改了 querySearch 函数,如下所示:

但我的问题是,一旦我们选择了一个项目,控件就不会进入这个函数。有人可以解释如何解决这个问题吗?

0 投票
1 回答
4413 浏览

angularjs - 如果空白,带有 md-chips 的 Angular Material md-autocomplete 不会清除搜索

我在 md-chips 中使用 md-autocomplete。如果我键入“a”然后从列表中选择,则控件可以正常工作。

但是,如果我不键入任何搜索字符串,而只是从列表中选择(因为我想要 min-length=0),那么控件会显示芯片并将内容显示为我的新搜索字符串?

http://jsfiddle.net/3t715vLw/

0 投票
1 回答
511 浏览

angularjs - 将 firebase 中的用户联系人与 md-contacts-chips 链接

我很难弄清楚如何将 Firebase 中的用户联系人与来自https://material.angularjs.org/0.11.2/#/demo/material.components.chips的 md-contacts-chips 联系起来

基本上,每个注册用户都可以通过电子邮件将他们认识的人添加到他们的联系人列表中。用户的firebase结构如下:

是否可以将用户联系人作为对象数组进行 ng-repeat?

我应该如何配置 md-contacts-chip?

该示例有一个名为 loadContacts() 的函数,其中设置了联系人。如何将我的用户对象设置为联系人?返回对象是联系,我想找到一种方法让它返回查询的对象。

谢谢

0 投票
0 回答
114 浏览

angularjs - “md-chips-select”不绑定来自 http 请求的数据

我在我的项目中使用了一个“ md-chips-select ”npm 模块。当我绑定静态数据时,它工作得很好:

但是当我从http请求加载数据时它不起作用。

0 投票
1 回答
7886 浏览

angularjs - 除了现有的 md 芯片外,如何添加自定义 md 芯片?

我使用 angular material design 设计了元素。我已经使用 md-chips 来渲染技能数据,如下所示

在那我已经使用user_skills变量来加载现有的技能。它正在加载,正如我所期望的那样。我需要提供添加新筹码的选项。但是在这里,当我写技能并输入时,它会变成如下图所示的空芯片。

在此处输入图像描述

如何解决它?高级谢谢..

0 投票
2 回答
1553 浏览

javascript - 角材料芯片上的ng级

我想根据我的键值类型为具有“活动”标志的芯片创建一些背光,ng-class="{activeTag: $chip.active}"但它不起作用。如何在动态创建的 md-chip 上添加这个 ng-class。

看法

控制器

css

普朗克

0 投票
1 回答
1757 浏览

javascript - 如何在角材料中实现 ng-class 到 md-chip

这是我的问题 - 我无法实施ng-class='{activeTag: $chip.active}'<md-chip></md-chip>. 我已尝试将此指令添加到,<md-chips></md-chips>但它不起作用(因为$chip不在当前范围内)。我也可以添加它ng-classmd-chip-template但在视觉上这不是我想要的,我需要为标签中的所有内容提供背光。顺便说一句,在指令中<md-chip></md-chip>动态创建。md-chips也许有人面临这个问题或者只是知道解决方案。谢谢。

这是我的控制器

我的观点

我的 CSS

这是plunker

0 投票
0 回答
914 浏览

angular-material - 具有自动完成功能的材料角芯片

我有一个带自动完成功能的 md-chips,但自动完成中的文本超出了宽度,显示如下:

带有自动完成功能的 md-chips

所以,这个想法是建议框使用 100% 宽度或调整到字长。

http://codepen.io/dvelasquez/pen/BjeoYq

0 投票
1 回答
1211 浏览

angularjs - 移除所有芯片后未显示自动完成建议(md-chips + md-autocomplete)

在我的示例(https://jsfiddle.net/vv18yjzo/7/)中,只要关注 md-chips 输入,就应该显示自动完成建议。当我输入一些项目时,这很有效。但是,当添加然后删除所有可用项目时,自动完成建议为空/隐藏。我必须输入新的搜索文本才能再次查看自动完成建议。

HTML:

JS:

示例:https ://jsfiddle.net/vv18yjzo/7/

0 投票
2 回答
2970 浏览

angularjs - 带过滤器的 mdChips

我是 AngularJS 的新手,正在尝试使用 Angular Material 并需要一些想法/帮助。

我有用 ng-repeat 显示的 Font Awesome 图标:

下面我有一个带有复选框的图标列表:

如果激活了复选框,则列表条目应从列表中消失。这适用于属性的过滤器item.active

现在我想用 md-chips(Angular Material Chips)在列表上方显示激活的项目。

所以如果一个列表项被激活,该元素应该是列表上方的 md 芯片(不再显示在列表中)。

如果我单击 md-chip 中的“X”,则只有属性 item.active 的状态应再次更改为 false。

我在 Plunker 上有我的工作文件,因此可以读取我当前的工作状态: https ://plnkr.co/edit/t3Xpp2AKEJHXBWhkLUYZ?p=preview

有人知道我该如何实现吗?