AngularJS select «nothing was selected, we have to insert the undefined item»?

Question

[Vasiliy Shilov]

Проблема такая:
jsfiddle.net/agH3b/ — пустой item в select.

Как от него избавиться?

Товарищи разработчики решили, что github.com/angular/angular.js/blob/master/src/ng/d...

средствами css попытка сокрыть такой option в хроме не увенчалась ничем, а в firefox интересным поведением
jsfiddle.net/6kZUB/1/ — просто пустой select
jsfiddle.net/6kZUB/2/ — select с пустым option (изменилась высота)
jsfiddle.net/6kZUB/3/ — select с пустым option (в css display: none) (select с нулевой высотой)
jsfiddle.net/6kZUB/4/ — то же самое, но можно убирать option (даже если removeChild пустой option — по высоте всё равно 0, хотя должно стать как в первом случае)
jsfiddle.net/6kZUB/5/ — тут option без css, тоже можно убирать (2й случай сменяется на 1й)
jsfiddle.net/6kZUB/6/ конечный результат 4го (должен был быть)

—

# lsb_release -a
No LSB modules are available.
Distributor ID:	Debian
Description:	Debian GNU/Linux 6.0.7 (squeeze)
Release:	6.0.7
Codename:	squeeze

$ google-chrome --version && firefox --version
Google Chrome 26.0.1410.63 
Mozilla Firefox 20.0

Comments

[EugeneOZ]

Не писали ли им в mail group? Мне там отвечали в течении 2 часов.

Answer 1

[Vasiliy Shilov]

Делал pull-request — github.com/angular/angular.js/pull/2590. Они сказали, что люди иногда хотят, что бы был пустой option при size>1 и не приняли, но зато подсказали способ (хоть он не совсем логичный).
plnkr.co/edit/FkTJ1ECmtbBcNWKBqBib?p=preview
т.е. использовать атрибуты
select-maximum=«1»
multiple
size
— на данный момент это для меня годится в качестве решения

Comments

[Vasiliy Shilov]

Да, + про директиву забыл сказать.

Answer 2

[mayorovp]

jsfiddle.net/agH3b/3/
Или я не понял проблемы?

Comments

[Vasiliy Shilov]

Ну да, не совсем проблема в этом (была).
jsfiddle.net/agH3b/8/
проблема вот в чем

if (!multiple && !selectedSet) {
  // nothing was selected, we have to insert the undefined item
  optionGroups[''].unshift({id:'?', label:'', selected:true});
}

т.е. мне при любом modelValue не нужно было, что бы в select добавлялся пустой option/
— т.е. у меня в интерфейсах могут в select добавляться option, могу удаляться, может вообще их не быть.
Т.е. если select не multiple и selectedSet===false или undefined (не выбран хоть один элемент), то мне совершенно не к чему видеть в select пустой option — именно в этом, а не в том что бы задать значение modelValue, удовлетворяющее if (selectedSet)

Answer 3

[maksimr]

Вообще это косяк директивы 'select' им надо проверят на наличие атрибута 'size', так на вашем месте я бы написал им issue, или сделал pull-request, если еще не сделали этого.
Что бы потом другим разработчикам было проще жить.

P.S.
В спецификации ничего не говорится про выбор элемента по умолчанию, но пустой элемент точно там не должен присутствовать :)

Comments

[Vasiliy Shilov]

Жить это несомненно мешает. Cделал pull-request.

Answer 4

[Vasiliy Shilov]

Видимо свою ngOptions Directive изобретать придется

Answer 5

[1x1]

option[value=""]:after, option[value="?"]:after {
    content: 'dummy';
    color: transparent;
}
option[value=""]:not(:last-child),option[value="?"]:not(:last-child) {
    display: none;
}

Comments

[Vasiliy Shilov]

Нет, хром не понимает
Всё ж директиву select переопределять буду — т.е. точно такая же как и selectDirective, но с закомментированными строками про «nothing was selected, we have to insert the undefined item»

    function ngModule($provide) {
      $provide.provider('$compile', $CompileProvider).
        directive({
...
            select: selectDirective,
...