使用角度禁用输入框时如何更改元素类？答案

【问题标题】：how to change element class when input box is disabled using angular?使用角度禁用输入框时如何更改元素类？
【发布时间】：2020-11-30 20:49:09
【问题描述】：

我有这个输入类型的文本框，它在哪里被禁用，我有一个单独的元素“按钮”（日历图标），我需要更改类。有没有一种角度方法，当它看到输入框或文本框已禁用属性时，我可以覆盖或更改元素类？

<div _ngcontent-nlk-c135="" class="input-group"><input _ngcontent-nlk-c135="" angular-mydatepicker="" class="form-control ng-untouched ng-pristine" ng-reflect-name="odsdate" name="odsdate" ng-reflect-options="[object Object]" disabled=""><!--container--><button _ngcontent-nlk-c135="" type="button" class="btn"><span _ngcontent-nlk-c135="" class="ftr-icon ftr-icon-leave-calendar"></span></button></div>

我需要创建一个单独的类，其中样式类似于禁用样式

【问题讨论】：

您可以为文本框和按钮使用标志。这种方法也会使它们动态化。

标签： angular disabled-input

【解决方案1】：

您可以使用 ngClass 动态分配类以在禁用文本框时更改按钮的样式。

为此，您必须为文本框提供一些伪名称，并在按钮中使用该名称来检查其功能。

您可以参考下面的代码来获得解决方案：

<div _ngcontent-nlk-c135="" class="input-group">
<input #myInput _ngcontent-nlk-c135="" angular-mydatepicker="" class="form-control ng-untouched ng-pristine" ng-reflect-name="odsdate" name="odsdate" ng-reflect-options="[object Object]" disabled="">
<!--container-->
<button _ngcontent-nlk-c135="" type="button" class="btn" [ngClass="{'myClass':myInput.disabled}"]>
<span _ngcontent-nlk-c135="" class="ftr-icon ftr-icon-leave-calendar">
</span></button></div>

【讨论】：