AngularJS. Когда у select есть атрибут 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"}
];
}]);
Мой шаблон:
<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>
Большое спасибо за любую помощь!