CODEWITHSUNDEEP
angularjs
mate.gvo
mate.gvo

Reputation: 1182

Angularjs select not passing value

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?

Upvotes: 1

Views: 62

Answers (1)

beaver
beaver

Reputation: 17647

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>

Upvotes: 1

Related Questions