Как работать с динамически-добавляемыми ng-change?

Question

[Lexasq]

Есть динамические добавляемые селекты со старанами внутри, на каждой стране висит флажок и по ng-change я его вытягиваю как фон, потому как не дружит с блочными элементами внутри себя. Для первого селекта ng-change="update()"-отрабатывает, а для динамически-добавляемых нет, в чем проблема?

<select class="language"  ng-model="selectedItem" ng-change="update()" >
                          <option value="">---Please select---</option>
                          <option ng-repeat="language in languages" style="background-image: url(img/{{language.id}}" >
                            {{language.called}}
                          </option>
                        </select>

$scope.update = function (){
   
    img_str=$scope.selectedItem;
    img_str="url(img/"+ img_str+"_flag.jpg)";
    angular.element(document.querySelector(".native select")).css("background-image", img_str);
    console.log(img_str);
  }});

Answer 1

[lega]

Вам нужно атрибут value добавить в динамические option

Comments

[Lexasq]

Они сами появляются. Попробовал добавить вручную, перестали появляться флаги и на первом селекте.

[Lexasq]

Функция update() Не отрабатывает

[lega]

> Они сами появляются
Вы используете ng-repeat или ng-option?

Выложите пример на jsfiddle/plunkr

[Lexasq]

lega: ng-repeat, в коде же есть