Angular material 如何将我的作品转换为材质角度/材质选择

}

如果您按照以下步骤操作，它应该会起作用

HTML:

---

如果您按照以下步骤操作，它应该会起作用

HTML:

I'm new in angular material. How can I convert all of this into material angular? I also import material angular to my modules, I tried to use mat-select, I change select into mat-select but it didn't work. can someone help me about this?



    <input class="input-field" name="postal" type="text" placeholder="Postal Code" name="postal" required>  
<select class="input-field" name="region" id="region" onclick="makeDisable()" onchange="javascript: dynamicdropdownProvince(this.options[this.selectedIndex].value);">
    <option disabled selected>Region</option> 
    <option value="metromanila">Metro Manila</option>
    <option value="mindanao">Mindanao</option>
    <option value="northluzon">North Luzon</option>
    <option value="southluzon">South Luzon</option>
    <option value="visayas">Visayas</option> 
</select>

return true;

<mat-form-field>
  <mat-label>Select an option</mat-label>
  <mat-select [(value)]="selectedValue">
    <mat-option>None</mat-option>
    <mat-option value="metromanila">Metro Manila</mat-option>
    <mat-option value="mindanao">Mindanao</mat-option>
    <mat-option value="northluzon">North Luzon</mat-option>
    <mat-option value="southluzon">South Luzon</mat-option>
    <mat-option value="visayas">Visayas</mat-option> 
  </mat-select>
</mat-form-field>

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

@Component({
  selector: 'select-value-binding-example',
  templateUrl: 'select-value-binding-example.html',
  styleUrls: ['select-value-binding-example.css'],
})
export class SelectValueBindingExample {
  selectedValue: string; <-- *will be null if nothing selected or will hold a string*
}

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import {MatSelectModule} from '@angular/material/select';

@NgModule({
  imports: [
    CommonModule, MatSelectModule
  ]
})
export class MyModule { }