Angular6 ng-ReadOnly和ng-Disabled不起作用的解决方案

Angular6初学笔记

Angular6 ng-ReadOnly和ng-Disabled不起作用的解决方案

一直以来，在网上找Angular资料，很多资料都写ng-ReadOnly和ng-Disabled用来控制控件的只读和禁用，前者用于input，后者用于button。但是我尝试了很久，一直都不起作用。

最后才发现，Angular6+以后，应该用[readonly]和[disabled]。

<input type="date" [(ngModel)]="detail.cBeginDate" [readonly]="detail.ID!=''">
            <select
              [(ngModel)]="detail.cBeginTime" [disabled]="detail.ID!=''">
              <option value="08:00:00">08:00</option>
              <option value="13:00:00">13:00</option>
            </select></td>