Set default option in mat-select

Question

I have a simple select option form field in my Angular material project:

component.html

Answer 1

Using Form Model (Reactive Forms)

--- Html code--


    
        --
        
            {{category.name}} 
        
    

----ts code ---

ngOnInit() {

        this.patientCategory = this.fb.group({
            patientCategory: [null, Validators.required]
        });

      const toSelect = "Your Default Value";
      this.patientCategory.get('patientCategory').setValue(toSelect);
    }

With out form Model

--- html code --

  Select an option
  
    None
    Option 1
    Option 2
    Option 3
  

---- ts code -- selected = 'option1'; Here take care about type of the value assigning