<select> AngularJS и ng-selected

Question

<select> AngularJS и ng-selected

0

У меня есть HTML-код:

 <div ng-controller="SimpleController">
    <select ng-model="item.category" ng-options="category as category.name for category in categories">
    </select> 
    <br />Item: {{item | json}}
 </div>

И js:

var app = angular.module("partnerModule", []);
app.controller("SimpleController", function($scope) {
    $scope.item = {category: {name:'Cat1', id: '1'}, name : "Item name"};
    $scope.categories = [{name:'Cat1', id: '1'}, {name: 'Cat2', id: '2'}, {name:'Cat3', id: '3'}];
});

Я хочу установить параметр "Cat1", когда отображается форма. Я попытался добавить что-то вроде этого:

ng-selected="item.category.id == category.id"

Для тегов <select> и <option> это не сработало

Maciej Laskowski 01 июнь 2016, в 17:48

Источник

Теги:

javascript

html

angularjs

1 ответ

Ещё вопросы

Rahul Arora · Accepted Answer · 2016-06-01T12-43-00.000Z

Это будет работать: html

 <div ng-controller="SimpleController">
    <select ng-model="item.category" ng-options="category as category.name for category in categories track by category.id">
    </select> 
    <br />Item: {{item | json}}
 </div>

В JS

var app = angular.module("partnerModule", []);
app.controller("SimpleController", function($scope) {
    $scope.item = {category: {name:'Cat1', id: '1'}, name : "Item name"};
    $scope.categories = [{name:'Cat1', id: '1'}, {name: 'Cat2', id: '2'}, {name:'Cat3', id: '3'}];
});