Angular 2 Dropdown Options Default Value

by

Add a binding to the selected property, like this:

<option *ngFor="#workout of workouts" 
    [selected]="workout.name == 'back'">{{workout.name}}</option>

More Related Contents:

  1. I want to create a color picker in ionic app [closed]
  2. Binding select element to object in Angular
  3. What to use in place of ::ng-deep
  4. How to declare a variable in a template in Angular
  5. Show loading screen when navigating between routes in Angular 2
  6. Angular2 – Input Field To Accept Only Numbers
  7. Angular 5 FormGroup reset doesn’t reset validators
  8. Angular 2 Checkbox Two Way Data Binding
  9. Detect click outside Angular component
  10. Angular 2 Remove Hash (#) from the URL
  11. How can I repeat a piece of HTML multiple times without ngFor and without another @Component?
  12. How to load image (and other assets) in Angular an project?
  13. Spring Boot with AngularJS html5Mode
  14. Using HTML anchor link #id in Angular 6
  15. Angular2, what is the correct way to disable an anchor element?
  16. Style not working for innerHTML in Angular [duplicate]
  17. How to convert input value to uppercase in angular 2 (value passing to ngControl)
  18. Access Control Allow Origin issue in Angular 2
  19. How to remove the previously selected option from a drop-down menu in a table?
  20. How to show split header in the material table having nested group of data in angular
  21. How to render string with html tags in Angular 4+? [duplicate]
  22. Remove host component tag from html in angular 4
  23. Detecting real time window size changes in Angular 4
  24. Angular4 – Scrolling to anchor
  25. How to translate HTML string to real HTML element by ng-for in Angular 2?
  26. Angular2 without hash in the url
  27. Get Angular2 routing working on IIS 7.5
  28. Using HTML anchor link fragment in Angular 6
  29. Create tree view with horizontal and vertical lines showing the connectivity using css
  30. How to serve up images in Angular2?

Leave a Comment