Angular material 如何在焦点上更新Mat输入占位符

我有这个材料输入字段，当用户聚焦输入时，我希望在其中有一个不同的占位符

当没有焦点和价值时

当用户聚焦它时

当用户有一些价值并关注它时

是否有活动或材料上的变通方法来实现同样的目标

<mat-form-field class="example-full-width">
    <input matInput #message maxlength="256" placeholder="Your Message Goes Here">
  </mat-form-field>

---

您可以通过属性绑定将类变量传递给您的

占位符

属性来实现这一点

在组件中，使用默认值创建属性变量

myPlaceholder = 'Your Message Goes Here'

将变量指定给属性

[占位符]

，并在

mat表单字段上更改为
消息

<mat-form-field class="example-full-width" (click)="myPlaceholder = 'Message'">
    <input matInput [placeholder]="myPlaceholder">
  </mat-form-field>



Stackblitz

谢谢，这解决了我的问题。添加另一个模糊事件以替换占位符，以防用户未键入任何内容