输入元素的Angular 2焦点和模糊

Question

我在 Angular 2 中编写了一个具有占位符值的输入字段。

在焦点上，输入字段应该为空。

在模糊时，输入字段应返回占位符值。

但是，在模糊时没有任何反应。这是我的输入字段：

<input type="text" 
       placeholder={{placeholderText}}
       onfocus="this.placeholder = ''" 
       (blur)="this.placeholder = placeholderText">

如何在 Angular 2 中更改模糊的占位符文本？

Answer 1

存在一些语法问题

<input type="text" 
   placeholder={{placeholderText}}
   (focus)="placeholderText = ''" 
   (blur)="placeholderText = 'the placeholder'">