How to make a 'mat-select' readonly?

Question

I am working on a angular 5 project. There are many mat-select elements which is supposed to be readonly like text boxes. I found out that there is a disabled

Answer 1

You can combine an editable select with a readonly textbox and ngIf between them:

  
    Choose an option
    
    
      Option 1
      Option 2 (disabled)
      Option 3