Stack Overflow
Stack Overflow

Questions tagged [md-chip]

Angular input-chips directive following Google Material Design guidelines.

input-chips directive following Google Material Design guidelines.

References:

48 questions
13
votes
3 answers

Angular 2 Material md-chips color attribute not working

When i try to style my md-chips with the color attribute nothing happens. According to the guide https://material.angular.io/components/component/chips this has to work. All my other elements style without problems.
Sephen
  • 1,111
  • 3
  • 16
  • 38
9
votes
2 answers

How to save selected object using mat-chip and autocomplete in angular material 2

I am using Angular 6 with Angular Material. I am trying to save a selected object or list of selected object from mat-chip and autocomplete. I am able to send string value to fruits[] array but can not able to send selected object in to fruits[]…
monir tuhin
  • 441
  • 3
  • 13
  • 27
5
votes
1 answer

How to bind mat-chip to ngmodel in Angular 6 with Material

I have a form in a mat-dialog who displays multiple fields. Most of them are input and work perfectly, they are binded with [(ngModel)] as shown below, but I would like a field with mat-chips and autocomplete (like here). My problem is that I don't…
samhot
  • 95
  • 1
  • 2
  • 9
5
votes
2 answers

material-ui 1.0 - how to create a chip input with autocomplete?

In an application using material-ui v1.0 (aka material-ui-next), how can I create a chip input field with autocomplete options? (I.e. a text box that, when you start typing, produces a list of available options, and when you click one of those…
Jules
  • 14,841
  • 9
  • 83
  • 130
4
votes
1 answer

Angular Material: make certain chips disable conditionally in md-chips?

I am using md-chips directive to generate chips.However I want certain chips to be conditionally disabled , while keeping others editable. But according to documentation, either we can make all chips disabled or none.
Jagajit Prusty
  • 2,070
  • 2
  • 21
  • 39
3
votes
2 answers

How do I disable the chip selected icon in a Flutter Raw Chip?

I wanted to create a TabBar with chips as Tabs like this: The code is: class TabChip extends StatefulWidget{ final String chipTitle; TabChip(this.chipTitle) : assert(chipTitle != null); @override State createState() { …
user8187389
3
votes
2 answers

angular $validators not firing or misbehaving

(function() { 'use strict'; angular.module('peoplePickerCombo', []); angular.module('peoplePickerCombo') .directive('peoplePicker', function() { return { restrict: 'E' ,require: 'ngModel' ,scope : { ngDisabled …
joyBlanks
  • 6,419
  • 1
  • 22
  • 47
3
votes
0 answers

material angular chips with autocomplete

I have a md-chips with autocomplete, but the text in the autocomplete excedes the width and is showed like this: md-chips with autocomplete So, the idea is the suggestbox uses a 100% width or adjust to the word size.
Danilo Velasquez
  • 451
  • 2
  • 11
3
votes
2 answers

AngularMaterial md-chips : Dont show selected item in

I'm trying the example from here md-chips To prevent the selected items from coming inside I've modified the querySearch function like this: function querySearch (query) { var results = query ?…
Saurabh Verma
  • 6,328
  • 12
  • 52
  • 84
2
votes
2 answers

Angular4 Material chipset+autocomplete

I was developing functionality like tagging system in stackoverflow using angular 4 's chipset and autocomplete features. Here is the piece of code i wrote. It is not working …
Saurabh Agrawal
  • 31
  • 2
  • 5
2
votes
1 answer

How to make md-chips overflow horizontally?

When exceeding the length of the input, the md-chips creates a new line. I'd like the chips to continue always in one single line and the input to overflow horizontally just as a normal text input. How to achieve this? This answer is not working for…
filipetrm
  • 523
  • 6
  • 13
2
votes
0 answers

Angular material chips md-autocomplete not working on ng-repeat

I using Angular 1.5.5, and angular-material 1.1.0 here. When I adding md-chips in ng-repeat loop it do not working, I got follow error: angular.js:13550 TypeError: this.items.some is not a function at e.appendChip…
SiarheiK
  • 797
  • 4
  • 17
2
votes
1 answer

turn md-chips input field border red on blur if empty

I'm really new to angular (angular materials) and I'm working on this form that contains several fields (inputs, chips with autocomplete). The inputs that are required, on blur, if the field is left empty, they turn red. That does not happen to the…
solar apricot
  • 353
  • 2
  • 5
  • 24
2
votes
1 answer

Stack md-chips vertically angularjs

I'm testing out the md-chips directive in AngularJS. Is there any way of stacking the 'chips' vertically instead of appending the chips horizontally? I have been trying out the demos found here: https://material.angularjs.org/latest/demo/chips
Niclas
  • 25
  • 6
2
votes
1 answer

Sorting angular md-chips

I have been looking online and I haven't found much help so far. My question is can you sort a list of md-chips when it has an autocomplete field? As an example, I created a jsfiddle (https://jsfiddle.net/reckmj/apunczkq/3/) of angular's md-chips…
Michael Reck
  • 97
  • 11
1
2 3 4