禁用表单后删除占位符

Question

我在包含占位符的表单中有一个输入标签，在某些时候，我禁用了（只读）该表单而未在该输入字段中输入任何值，我如何在转身时禁用或删除该占位符表单为只读。

我希望在我没有在该输入字段中输入任何数据并将表格设为只读的情况下，占位符必须消失

Answer 1

假设您使用变量readOnly来更改ts文件中输入的禁用（只读）状态。

在您的HTML中编写

<input
    [placeholder]="readOnly ? '': 'Name'"
    [readOnly]="readOnly"
    // ... other attributes
/>

Answer 2

您可以将占位符用作Angle属性，并在html属性周围使用方括号，并使用模板引用变量来检查输入是否被禁用 像这样的东西

<input type="text" #inputField disabled [placeholder]="inputField.disabled? '': 'User Name'" >