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

最新推荐文章于 2023-06-14 17:00:08 发布

Dreamia

最新推荐文章于 2023-06-14 17:00:08 发布

阅读量2k

点赞数 1

分类专栏： Angular6初学笔记文章标签： Angular

本文链接：https://blog.csdn.net/Dreamia/article/details/95599735

版权

Angular6初学笔记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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>