Конфликт при использовании атрибута «selected» в раскрывающемся списке мультиселектов с использованием bootstrap-multiselect и конфликта с angularjs «selected» директива

Question

Я использую bootstra-multiselect вместе с angularjs в моем проекте. Во время тестирования, что я нашел, имя атрибута «selected» становится конфликтом между этими двумя. Ниже приведена моя разметка HTML для моей директивы multi select.

<select id="example-getting-started" multiple="multiple" name="multiselect[]" data-dropdownmultiselect>  
    <option data-ng-repeat="option in options" value="{{getOptionId(option)}}" data-ng-attr-selected="{{isOptionSelected(option)}}" data-ng-bind-template="{{option.name}}"></option> 
</select> 

Что я нашел, data-ng-attr-selected="{{isOptionSelected(option)}}" не получает составитель angularjs. Кажется, что вместо заданного нормального атрибута применяется угловая js "ng-selected".

Как это можно решить? Я не хочу менять код или bootstra-multiselect или angularjs, чтобы избежать будущей устойчивости. Есть ли что-то в Angularjs, чтобы остановить выполнение своей предопределенной директивы «ng-selected»?

Ниже plunker код дем этой проблеме Angularjs and conflict of directive name with other module

Answer 1

Вы можете использовать ng-selected="expression" который добавит selected атрибута с selected значения в текущем select варианта, я не понимаю, почему вы делаете это с помощью ng-attr пока вы может контролировать, что с помощью ng-selected="isOptionSelected(option)"

Markup

<select id="example-getting-started" multiple="multiple" name="multiselect[]" data-dropdownmultiselect>  
    <option data-ng-repeat="option in options" value="{{getOptionId(option)}}" 
    ng-selected="isOptionSelected(option)" 
    data-ng-bind-template="{{option.name}}"></option> 
</select> 

Working Plunkr

Позвольте мне знать, если вы хотите что-либо на нем, спасибо :)