AngularJS. Quando selecionar o atributo ng-model, ng-selected não está funcionando

Eu estou tentando definir ng-selected no meu elemento de option , o atributo selected é definido como true , mas a option não selecionada, quando eu removo ng-model de select todos se tornam trabalhando.

A pergunta : Como fazer option selecionada, quando estou usando o modelo?

Aqui está o meu plunker ( selected não está funcionando aqui)

Meu código:

 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"} ]; }]); 

Meu modelo:

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

Muito obrigado por qualquer ajuda!

Não use ngSelected com ngRepeat. Vá com ngOptions:

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

Do Documentos:

Nota: O ngSelected não interage com as diretivas e ngModel , apenas define o atributo selecionado no elemento. Se você estiver usando ngModel na seleção, você não deve usar ngSelected nas opções, pois ngModel irá definir o valor de seleção e as opções selecionadas.

– Referência da API do AngularJS ng-selected

Veja documentos adicionais:

  • Usando ng-repeat para gerar opções de select
  • Usando select com ng-options e definindo um valor padrão

Veja Stackoverflow:

  • Usando ng-repeat para gerar opções de seleção (com Demo)