<select> AngularJS and ng-selected

Question

I have HTML code like this:

 <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>

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

I want to have already set option for "Cat1" when form is displayed. I tried to add something like this:

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

For both <select> and <option> tags it didn't work

Rahul Arora · Accepted Answer · 2016-06-01 15:32:34Z

1

This will work: 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>

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

answered Jun 1, 2016 at 15:32

Rahul Arora

4,5431 gold badge19 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

<select> AngularJS and ng-selected

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related