灰度/禁用具有ng-model的字段

时间:2018-03-07 07:58:25

标签: html angular

我有3个带有ng-model的单选按钮 - client.ssoApiClientAuth和ids - apiClientAuthMeth0,apiClientAuthMeth1,apiClientAuthMeth2

我有一个带有ng-model的密码字段 - client.newPassword和id - apiClientSecret。

选择apiClientAuthMeth1时,我需要greyout / disable密码字段。

我不熟悉这些角度技术。谁能告诉我解决方案?

2 个答案:

答案 0 :(得分:2)

如果组件中有apiClientAuthMethN属性,则可以禁用以下字段:

<div [disabled]="apiClientAuthMeth1"></div>

答案 1 :(得分:1)

要禁用密码属性,请使用[disabled]="apiClientAuthMeth"apiClientAuthMeth将是一个布尔变量。

选择apiClientAuthMeth1时,将函数调用到typescript并将apiClientAuthMeth设置为true。这将禁用您的字段,如果选择了另一个单选按钮,则将此变量设为false,它将启用您的密码字段