Angular Kendo UI 网格条件密码字段

Question

我有一个带有编辑功能的 KendoUI Grid，用于处理配置参数，其中一些是加密密码。网格的The editor property 不允许密码类型字段，并且我无法在该列密码类型上进行所有编辑字段，因为并非所有字段都如此，因此该对象具有我想要的属性encrypted在自定义 ng-template 中使用以更改输入类型。

如何才能使编辑字段仅在encrypted 属性为true 时才变为type="password"？

<ng-template kendoGridEditTemplate let-column="column" let-formGroup="formGroup" let-isNew="isNew">
    <input class="k-input" #valueInput [formControl]="formGroup.get(column.field)" />
</ng-template>

Answer 1

您正在寻找的是属性绑定。

 <input class="k-input" [type]="encrypted ? 'password' : 'text'" #valueInput [formControl]="formGroup.get(column.field)" />