Selected option in select Angularjs

Question

My question is very simple, but I can't get it. I have a select to order elements in AngularJS with custom options. I just need to get one option selected when the page loads.

Here's my code:

<select ng-model="sortBy">
    <option value='priceOrder'>Price order</option>
    <option value='price'>Price - +</option>
    <option value='-price'>Price + -</option>
    <option value='weight'>Weight + -</option>
    <option value='-weight'>Weight - +</option>
</select>

The values comes from a Json in my controller.js, and I ask for order in:

<li ng-repeat="item in filteredGenere | filter:query | orderBy:sortBy" >.
   {{item.brand}} {{item.name}}
</li>

Rebornix · Accepted Answer · 2015-06-03 07:08:05Z

2

If you want the select box has one option selected when page loaded, you need to initialize $scope.sortBy in your controller like

$scope.sortBy = 'priceOrder';

Check this demo

answered Jun 3, 2015 at 7:08

Rebornix

5,2701 gold badge25 silver badges26 bronze badges

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

2 Comments

carton Over a year ago

@ManelMusti Next time, do more research there are a lot of answer about your case...

Ahmad Hosny Over a year ago

@ManelMusti You can also initialize it using ng-init="sortBy = 'priceOrder'"

Collectives™ on Stack Overflow

Selected option in select Angularjs

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related