Как избежать ввода тегов шириной 100%

Question

Как избежать ввода тегов шириной 100%

0

Итак, это вопрос из 2 частей специально для проекта "Угловые входные теги".

В настоящее время я использую его, и создаваемые им входные данные устанавливаются на ширину 100% на сам тег ввода. Поскольку он принадлежит самому элементу, он переопределяет любой другой стиль, который я использую (кроме важного или js). Короткая работа по разветвлению проекта - есть ли способ отключить это?

Часть вторая: могу ли я удалить входную часть после достижения максимальной суммы тега? кажется, что счетчик интуитивно понятен, чтобы все еще иметь возможность печатать после достижения максимума.

Jackie 06 июль 2015, в 16:42

Источник

Теги:

angularjs

ng-tags-input

3 ответа

0

Я столкнулся с проблемой относительно ширины ng-tags-input из-за другого файла CSS ace.css Ширина компонента не выглядела так, как ожидалось, из-за значения Width, следующего за формой ace.css.

Чтобы решить эту проблему, я просто создал другой файл CSS, чтобы переопределить значение ширины, входящее в форму ace.css, добавив ее после ace.css, теперь она работает.

CSS

.tags {
    width: 80%;
}

Aqib Mumtaz 30 нояб. 2015, в 05:27

0

Фактически установка display:block вместе с шириной, похоже, также работает

Jackie 23 июль 2015, в 10:28

Ещё вопросы

Michael Benford · Accepted Answer · 2015-07-18T01-15-00.000Z

Часть 1

Вы можете изменить ширину по умолчанию, используя собственный класс CSS:

HTML

<tags-input ng-model="tags" class="myclass"></tags-input>

CSS

.myclass .host {
  width: 50%;
}

Рабочий плунжер

Часть 2

Вы можете скрыть ввод, используя собственный CSS-класс:

HTML

<tags-input ng-model="tags" ng-class="{'hide-input': tags.length > 3}"></tags-input>

CSS

.hide-input .input {
  display: none;
}

Рабочий плункер.

Имейте в виду, что пользователь не сможет использовать клавиатуру для удаления тегов.