首页 > 解决方案 > 剑道输入文本框未将只读属性动态设置为真假

问题描述

我正在尝试根据按钮的切换在我的角度表单上设置一个 kendotextbox 控件,使其只读为真/假。出于某种原因,文本框似乎没有设置为只读 false 并且始终为 true。我的实施有什么问题吗

<div class="col-md-3">
                    <input *ngIf="!EditMode" kendoTextBox readonly="true" class="form-control"
                        [(ngModel)]="ManagerDetails.Person.FIRST_NAME" />
                    <input *ngIf="EditMode" kendoTextBox readonly="false" class="form-control"
                        [(ngModel)]="ManagerDetails.Person.FIRST_NAME" />   
                </div>

标签: angularkendo-ui

解决方案


使用方括号确保 Angular 计算布尔表达式:

<input ... [readonly]="false" >

没有括号,该值被绑定为 string "false",这是一个真实值。

请参阅此 stackblitz以获取演示。


推荐阅读