AngularJS адаптация ui-select под x-editable с дополнительной возможностью добавлять объекты на лету

[AlexandrDP]

Рука тянется к минусу, т.к. не нахожу ни примера ни картинок.

[ivanuzzo]

сейчас сделаю пример

[ivanuzzo]

Получилось примерно такое plnkr.co/edit/eyXgkpABHmBSW9bGwGVp, но, к сожалению, некоторые тонкости планкера от меня пока сокрыты, поэтому кое-что я завести там так и не смог. В частности, ругается на некоторые jquery-функции, не смотря на то, что jquery я подключил, плюс не вызывается модальное окно.

Возможно, я что-то упустил.

[Andchir]

link: function(scope, e, attrs) {

«e» — это имеется ввиду «element»? Часто «e» используется как «event», поэтому такое название переменной может ввести в ступор.
plnkr.co/edit/Ds3A6srJVo65FD7GWPTz — демо немного поправил. Не очень хорошо, что когда появляется ui-select в нём нет выбранного значения.

[ivanuzzo]

о, спасибо. Да, вы правы, e — это имелся ввиду element. Учту на будущее замечания.

Я в свою очередь еще немного подредактировал демку, чтобы из модального окна можно было чего-нибудь добавлять: plnkr.co/edit/5dPKCnzbKE8D9XIR8ocX?p=preview

[ivanuzzo]

может, кому-то пригодится: сделал, чтобы при клике на ui-select отображался выделенный элемент, а не пустота plnkr.co/edit/5dPKCnzbKE8D9XIR8ocX?p=preview. Вкратце, для этого в модель добавилось свойство selected, которое используется в самом ui-select'е + соответственно изменилась инициализация дефолтного значения в контроллере.