Angularjs select not passing value

Question

I have a select dropdown in a form, it's not passing value to {{service}} object:

<select name="categoryId" ng-model="service.categoryId" ng-options="category.id as category.name for category in categories track by category.categoryId" required>
  <option value="0">-select a category-</option>
</select>

And I can't find a reason why, anyone?

what do you mean? you can't get the value of 'service.categoryId'? — Python Basketball
– Python Basketball, Commented Feb 18, 2016 at 9:40

beaver · Accepted Answer · 2016-02-18 11:28:34Z

1

Check this example, it may help you:

function theController($scope) {

  $scope.categories = [
    {name:'First', id:'A', categoryId: 1},
    {name:'Second', id:'B', categoryId: 2},
    {name:'Third', id:'C', categoryId: 3}
  ];
  
  $scope.service = $scope.categories[1];
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script>
<body ng-app>
    
  <div ng-controller="theController">
    <select name="categoryId" 
            ng-model="service" 
            ng-options="category as category.name for category in categories track by category.categoryId" required>
      <option value="">-select a category-</option>
    </select>
    <pre>categories = {{categories|json}}</pre>
    <pre>service = {{service|json}}</pre>
  </div>
</body>

answered Feb 18, 2016 at 11:28

beaver

17.8k2 gold badges43 silver badges70 bronze badges

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

1 Comment

mate.gvo Over a year ago

I ended up using this: <option ng-repeat="category in categories" value="{{category.categoryId}}" ng-selected="{{option=='id'}}">{{category.name}}</option> works too, thanks for your answer

Collectives™ on Stack Overflow

Angularjs select not passing value

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related