AngularJS. Quando select tem o atributo ng-model, ng-selected não funciona

Question

Jan 25, 2016, 04:52 PM

AngularJS. Quando select tem o atributo ng-model, ng-selected não funciona

Estou tentando definirng-selected no meuoption elemento,selected atributo está definido comotrue, masoption não selecionado, quando removong-model deselect todos se tornam trabalhando.

A questão: Como fazeroption selecionado, quando estou usando o modelo?

Aqui estámeu afunilador (selected não está trabalhando 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:

  <body ng-controller="TestController">
    Selected item must be {{ array[test-1].name }}
    <select ng-model="myModel">
      <option value="">Choose item..</option>
      <option ng-repeat="item in array" 
              ng-value="item.id" 
              ng-selected="item.id == test">
        {{ item.name }} ({{item.id == test}})
      </option>
    </select>
  </body>

Muito obrigado por qualquer ajuda!