/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

0 vote142 views1 answer
O list do AngularFireDatabase não é mais um observable??
Javascript AngularJS
0 vote152 views1 answer
Cannot find name json angular 7
Javascript AngularJS
12 votes137 views5 answers
Fontawesome angular
Javascript AngularJS
0 vote149 views1 answer
Angular $http abort request
Javascript AngularJS
0 vote157 views1 answer
Como checar valor do input checkbox angular
Javascript AngularJS
0 vote153 views1 answer
Check textbox value on ng-change value == in angular
Javascript AngularJS
-1 vote137 views1 answer
Angularjs form validation on submit
Javascript AngularJS
29 votes321 views2 answers
ERESOLVE unable to resolve dependency tree npm ERR npm ERR! Found: @angular/core@5.0.3 npm ERR! node_modules/@angular/core
Javascript AngularJS
0 vote135 views1 answer
Angular chartjs align legend left
Javascript AngularJS
0 vote125 views1 answer
Angular create project in current directory
Javascript AngularJS