/Javascript/AngularJS/Angular dropdown selected value

Angular dropdown selected value

Check angular js , How to set selected values in dropdown

<select aria-label="ngSelected demo">
  <option>Hello!</option>
  <option id="greet" ng-selected="'name'='name'">Greetings!</option>
</select>

Source: docs.angularjs.org

Angular dropdown selected value

  //event handler for the select element's change event
  selectChangeHandler (event: any) {
    //update the ui
    this.selectedDay = event.target.value;
  }

Preselect a value in angular dropdown

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
 title = 'my-app';


  prtl = {
    "name": "Stock Market",
    "id": 10,
    "category": {
       "id": "2",
       "name": "Football"
    }
  };

  categories = [
    {
     "id": "1",
     "name": "Cricket"
    },
    {
     "id": "2",
     "name": "Football"
    }
  ];
  categoryToSelect = this.prtl.category;
}

Source: stackoverflow.com

Similar codes

1 vote119 views1 answer
Select onchange pass option value in angular 6
Javascript AngularJS
0 vote146 views1 answer
Set form invalid angular
Javascript AngularJS
0 vote125 views1 answer
Unhandled Navigation Error: angular dist build
Javascript AngularJS
0 vote126 views1 answer
Angular cli generate component no tests
Javascript AngularJS
0 vote126 views1 answer
@angular/common
Javascript AngularJS
0 vote121 views1 answer
Angular create project in current directory
Javascript AngularJS
0 vote127 views1 answer
Recuperer une image dans la base de données avec angular
Javascript AngularJS
37 votes252 views2 answers
Short date angular pipe
Javascript AngularJS
38 votes301 views6 answers
How to add bootstrap in angular
Javascript AngularJS
0 vote130 views1 answer
Navigate to route and refresh angular 6
Javascript AngularJS