AngularJS. Когда выбрано атрибут ng-model, ng-selected не работает

Я пытаюсь установить ng-selected в моем элементе option , selected атрибуту присваивается значение true , но option не выбрана. Когда я удаляю ng-model из select все становятся работоспособными.

Вопрос : Как сделать option , когда я использую модель?

Вот мой плункер ( selected здесь не работает)

Мой код:

 var app = angular.module("plunker", []); app.controller("TestController", ["$scope", function($scope) { $scope.test = 1; $scope.array = [ {"id": 1, "name": "first"}, {"id": 2, "name": "second"}, {"id": 3, "name": "third"} ]; }]); 

Мой шаблон:

   Selected item must be {{ array[test-1].name }}  Choose item..  {{ item.name }} ({{item.id == test}})    -   Selected item must be {{ array[test-1].name }}  Choose item..  {{ item.name }} ({{item.id == test}})    

Большое спасибо за любую помощь!

    Не используйте ngSelected с ngRepeat. Пойдите с ngOptions:

       Selected item must be {{ array[test-1].name }}   

    Из Документов:

    Примечание: ngSelected не взаимодействует с директивами и ngModel , он устанавливает только выбранный атрибут элемента. Если вы используете ngModel для выбора, вы не должны использовать ngSelected для параметров, так как ngModel установит значение выбора и выбранные параметры.

    – Ссылка на API-интерфейс AngularJS ng

    См. Дополнительные документы:

    • Использование ng-repeat для создания опций select
    • Использование select с ng-options и установка значения по умолчанию

    См. Stackoverflow:

    • Использование ng-repeat для создания опций выбора (с помощью Demo)
    Давайте будем гением компьютера.