如何通过 ngOnInit 禁用下拉列表中的选项？

Question

我们如何通过 ngOnInit 禁用第二个值 punchout？
<form [formGroup]="articleForm" (ngSubmit)="onArticleFormSubmit()">

    <div class="form-group">
       <label>Select list: </label>
          <select name="leave" class="form-control" formControlName="list_type" >
            <option value="punchIn"  >
     PunchIn
   </option>
            <option value="punchOut" >
  PunchOut
   </option>
 </select>   
  </div>
   </form>

Answer 1

在您的组件中，

disabled:boolean;
 ngOnInit() {

           this.disabled=true;
        }

在你的html,

      <div class="form-group">
       <label>Select list: </label>
          <select name="leave" class="form-control" formControlName="list_type" >
            <option value="punchIn"  >
     PunchIn
   </option>
            <option value="punchOut" [disabled]="disabled" >
  PunchOut
   </option>
 </select>   
  </div>
   </form>

Answer 2

试试这个

<select name="leave" class="form-control" formControlName="list_type" >
  <option value="punchIn"> PunchIn </option>
  <option value="punchOut" [disabled]="true" > PunchOut </option>
</select>

如何通过 ngOnInit 禁用下拉列表中的选项？

How to disable a option in dropdown by ngOnInit?

angular2-template

angular