Angular 在禁用表单时移除占位符

我在表单中有一个包含占位符的输入标记，在某个点上，我禁用（只读）表单而不在该输入字段中输入任何值，如何在将表单转换为只读时禁用或删除该占位符

---

当我没有在该输入字段中输入任何数据并使表单只读时，我希望占位符需要消失。让我们假设您使用变量

readOnly

从ts文件更改输入的禁用（只读）状态

在HTML中，编写

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

---

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

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

---

如果您能为我们提供您的代码，我们将为您提供更好的答案，那就太好了。看看