问题标签 [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.
angular-material - md-chips 和 md-autocomplete 输入字段
当用户使用 md-chips 输入输入并移除焦点时,该条目仍然存在。一旦焦点被移除,有没有办法删除任何不是芯片的条目? 移除焦点后仍会显示突出文本
angularjs - 对角 md 芯片进行排序
我一直在网上寻找,到目前为止我还没有找到太多帮助。我的问题是,当它有一个自动完成字段时,你能对 md-chips 列表进行排序吗?例如,我创建了 Angular的 md-chips 示例 ( https://material.angularjs.org/latest/demo/chips ) 的 jsfiddle ( https://jsfiddle.net/reckmj/apunczkq/3/ )。我已经对自动完成字段进行了排序,但我似乎无法弄清楚 md-chips 排序。
angularjs - 垂直堆叠 md-chips angularjs
我正在测试 AngularJS 中的 md-chips 指令。
有没有办法垂直堆叠“筹码”而不是水平附加筹码?
我一直在尝试在这里找到的演示:
angularjs - 无法将 ng-if 与 ng-repeat $index 一起使用
我正在尝试使用 ng-if 根据屏幕上存在的过滤器显示一个按钮。我正在使用 md-chips 来显示类别中的过滤器。
HTML:
如果第一个项目存在,我会跟踪索引并尝试添加按钮。它根本不显示按钮。任何帮助表示赞赏。
angular - Angular 2 Material md-chips 颜色属性不起作用
当我尝试使用颜色属性设置我的 md-chips 样式时,没有任何反应。根据指南https://material.angular.io/components/component/chips这必须工作。我所有的其他元素风格都没有问题。
有人知道如何解决这个问题吗?
提前致谢!
angularjs - md-chips 通过点击芯片删除
我是 angularJS 的新手。我正在使用 md-chips 根据下拉选择创建芯片。对于移动视图,我想通过单击芯片来删除 md-chips,而不是让用户单击芯片上的小“X”。如果我将其设为只读,则无法删除该芯片。任何想法表示赞赏。谢谢。
HTML:
angularjs - 如果为空,则在模糊时将 md-chips 输入字段边框变为红色
我对角度(角度材料)真的很陌生,我正在处理这个包含多个字段(输入、带有自动完成功能的芯片)的表单。所需的输入,在模糊时,如果该字段留空,它们会变成红色。筹码输入字段不会发生这种情况。有没有简单的方法来实现它?
angularjs - md-chips 当 readonly='true' 时,仍然需要有一个占位符
我的 md-chips 模板为:
在我的情况下,md-chips 是一个下拉列表,我在下拉列表中进行了搜索。由于 readonly=true,占位符不会被显示。
如果我删除只读属性,占位符很好,但我觉得在我的情况下,我们仍然需要一个占位符。或者替代方案会很好。我尝试了容器提示,我不确定这里是否正确,但它似乎不起作用。
https://codepen.io/anon/pen/bWpaoB
第一个例子是非只读的,第二个例子是只读的
javascript - 角材料芯片 md-autocomplete 不适用于 ng-repeat
我在这里使用 Angular 1.5.5 和 angular-material 1.1.0。
当我在 ng-repeat 循环中添加 md-chips 时,它不起作用,出现以下错误:
- md-template 不应该这样做(作为返回值,我从 md-item-text 获取值,即 _id,但我需要 $chip.text);
- 即使我更改 md-item-text="item.text" (这是错误的但用于测试),它也不会添加项目。
它适用于单个项目(没有 ng-repeat)。
JS
以及 api 结果示例:
html - 垂直堆叠 md 芯片,同时保持输入在顶部
我一直在尝试 angular 提供的 md-chips,并一直在尝试垂直堆叠它们。我查看了演示,也查看了这个答案:
该答案的问题在于,随着更多筹码的添加,输入字段会不断移动。我希望将输入字段保持在顶部,同时将芯片堆叠在输入字段下方。有没有什么办法可以通过改变css的任何方面或在那里有另一个输入字段来完成,或者md-chips不允许这样做吗?