Описание тега md-chip

Описание тега Вопросы с тегом
Директива Angular input-chip в соответствии с рекомендациями Google Material Design.
2 ответа

AngularMaterial md-chips: не показывать выбранный элемент в <md-autocomplete>

Я пытаюсь &lt;md-autocomplete&gt; пример отсюда md-chips Для предотвращения попадания выбранных предметов внутрь &lt;md-autocomplete&gt; Я изменил функцию querySearch следующим образом: function querySearch (query) { var results = query ? self.searc…
19 май '15 в 16:25
0 ответов

Закрыть предложения после добавления md-чипа - Angular Material Design

Я использую md-min-lenght = 0потому что я хочу отобразить список при фокусном вводе, но после добавления чипа список предложений должен исчезнуть, но он снова появляется, что раздражает, так как я запускаю поиск после добавления чипа, поэтому список…
05 окт '17 в 23:14
0 ответов

Материал 2 md-чипа Не отвечает цвету

Я не могу заставить свой чип реагировать на мой выбор цвета, и я не знаю почему. &lt;md-chip-list&gt; &lt;md-chip selected="true" color="primary"&gt;Test&lt;/md-chip&gt; &lt;/md-chip-list&gt; Он появляется, но всегда серый. мой primary цвет всегда р…
21 сен '17 в 15:43
1 ответ

Material-UI 1,0 - как создать чип вход с автозаполнением?

Как в приложении, использующем material-ui v1.0 (aka https://material-ui-next.com/), как создать поле ввода микросхемы с параметрами автозаполнения? (То есть текстовое поле, которое, когда вы начинаете печатать, выдает список доступных опций, а когд…
26 фев '18 в 17:43
1 ответ

Как добавить кастомные микросхемы в дополнение к существующим микросхемам?

Я разработал элементы, используя угловой дизайн материала. я использовал md-чипы для рендеринга данных навыков, как показано ниже &lt;md-chips ng-model="user.skills" readonly="readonly" placeholder="Enter another skill" delete-button-label="Remove S…
08 дек '15 в 06:34
1 ответ

Связывание контактов пользователя в firebase с помощью md-contacts-chips

У меня возникают проблемы с тем, как я могу связать свои контакты пользователей в Firebase с md-contacts-chips с https://material.angularjs.org/0.11.2/. По сути, каждый зарегистрированный пользователь может добавлять знакомых по электронной почте в …
06 окт '15 в 13:42
2 ответа

Как сохранить выбранный объект, используя mat-chip и автозаполнение в угловом материале 2

Я использую Angular 6 с Angular Material. Я пытаюсь сохранить выбранный объект или список выбранного объекта из mat-chip и автозаполнения. Я могу отправить строковое значение в массив fruits[], но не могу отправить выбранный объект в массив fruits[]…
08 июл '18 в 16:19
1 ответ

Стек md-чипов вертикально-угловой

Я тестирую директиву md-chips в AngularJS. Есть ли способ сложить "фишки" по вертикали, а не добавлять их по горизонтали? Я пробовал демонстрации, найденные здесь: https://material.angularjs.org/latest/demo/chips
13 фев '17 в 14:16
3 ответа

Угловой 2 Материал цветных чипов не работает

Когда я пытаюсь стилизовать свои md-фишки с атрибутом цвета, ничего не происходит. Согласно руководству https://material.angular.io/components/component/chips это должно работать. Все остальные мои элементы стиля без проблем. &lt;md-chip-list&gt; &l…
12 апр '17 в 07:29
1 ответ

Отфильтровать выбранный флажок показать в угловых материалах

Я хочу показать выбранный флажок фильтра в угловых материалах фишек &lt;h2 class="md-title"&gt;Use the default chip template.&lt;/h2&gt; &lt;md-chips ng-model="items" readonly="readonly"&gt;&lt;/md-chips&gt; &lt;div layout="column"&gt; &lt;div flex&…
29 июл '16 в 10:49
1 ответ

Как связать mat-chip с ngmodel в Angular 6 с помощью Material

У меня есть форма в диалоговом окне мат, который отображает несколько полей. Большинство из них являются входными данными и работают отлично, они связаны с [(ngModel)], как показано ниже, но я бы хотел поле с mat-chips и autocomplete (как здесь). Мо…
26 июн '18 в 14:31
2 ответа

Как использовать md-чипы с ng-repeat (ключ, значение)

Я пытаюсь использовать md-chips с ng-repeat при использовании аромата (ключ, значение). Вот пример того, что я пытаюсь сделать: &lt;md-content class="md-padding" layout="column" ng-repeat="(key,value) in items"&gt; &lt;md-chips ng-model="???" name="…
20 окт '16 в 16:53
1 ответ

Невозможно использовать ng-if с ng-repeat $index

Я пытаюсь использовать ng-if для отображения кнопки на основе фильтров, присутствующих на экране. Я использую микросхемы для показа фильтров по категориям. HTML: &lt;div ng-repeat="filter in sc.filters track by $index"&gt; &lt;md-chips ng-model="fil…
31 мар '17 в 15:29
2 ответа

Нг-класс на угловой материал стружки

Я хочу создать подсветку для чипов с активным флагом на основе типа значения ключа, для которого я сделал ng-class="{activeTag: $chip.active}" но это не работает. Как добавить этот ng-класс на динамически создаваемый md-чип. Посмотреть &lt;md-chips …
06 фев '16 в 05:52
1 ответ

Angular4 Материал чипсета + автозаполнение

Я разрабатывал такую ​​функциональность, как система тегов в stackru, используя набор микросхем Angular 4 и функции автозаполнения. Вот кусок кода, который я написал. Это не работает &lt;mat-form-field class="col-md-4 col-md-offset-2"&gt; &lt;mat-ch…
22 фев '18 в 21:28
0 ответов

Угловой материал чипов md-autocomplete не работает по ng-repeat

Я использовал Angular 1.5.5, а angular-material 1.1.0 здесь. Когда я добавил md-chips в цикл ng-repeat, он не работает, я получил ошибку: angular.js:13550 TypeError: this.items.some is not a function at e.appendChip (http://ajax.googleapis.com/ajax/…
01 июн '17 в 14:19
0 ответов

Использование md-чипов в формах с другими входами

Я пытаюсь использовать md-чипы вместе с другими входами в форме, которые находятся внутри md-input-container. Мне пришлось добавить свои собственные хаки css, чтобы получить заполнитель текста ввода, а также применить отступы и поля, чтобы он выгляд…
25 авг '16 в 14:44
1 ответ

Угловой материал md-autocomplete с md-чипами не очищает поиск, если пуст

Я использую MD-автозаполнение внутри MD-чипов. Если я наберу "а", а затем выбрать из списка, элемент управления работает правильно. однако, если я не набираю какую-либо строку поиска и просто выбираю из списка (потому что я хочу min-length=0), тогда…
09 авг '15 в 17:36
0 ответов

Странные проблемы фокуса на md-автозаполнении внутри md-чипов

Моя последняя головная боль - проблема фокуса при использовании md-autocomplete внутри элемента управления md-chips. фокус не исчезает после добавления чипа, см. изображение ниже учитывая это пример моего кода. я пытался с md-add-on-blur, но это не …
04 май '18 в 08:19
1 ответ

Предложения автозаполнения не отображаются после удаления всех чипов (md-chips + md-autocomplete)

В моем примере ( https://jsfiddle.net/vv18yjzo/7/) должны отображаться предложения автозаполнения, если фокус ввода md-chips является целевым. Это хорошо работает, когда я ввожу несколько пунктов. Однако когда все доступные элементы добавляются, а з…
12 май '16 в 10:10