使用angular禁用输入框时如何更改元素类？

问题描述

我有此输入类型文本框，其中已禁用它，并且我有一个单独的元素“按钮”（日历图标），需要更改其类。有没有一种方法可以让我看到输入框或文本框具有as属性禁用时覆盖或更改elements类？

<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>

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

解决方法

您可以使用 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>

angular disabled-input