Javascript Js水印插件集成到AngularJs指令中

你好，社区在这件事上耽搁了一段时间

场景： 我在表单上使用AngularJs，我想使用水印jquery插件

我尝试的内容：指令代码（假设已经定义了myApp，并且添加了watermark.js脚本引用）

然后我在html中使用这样的指令

<input type="text" data-ng-model="someModel" data-watermark="Required Field"/>

现在发生的事情很奇怪，水印文本显示为输入的文本 当我关注文本框时，水印文本不会消失，而是在输入的“必填字段”文本上添加文本

欢迎使用jsfiddle:D

---

谢谢大家

好了，伙计们，我删除了attr.watermark并用“请输入值”替换了它，它成功了。。。所以我想我现在的问题是attr.watermark？如果你看到在

attr.watermark

中放置一个console.log，它会给出正确的值。看这里，是的，我试过了，但是一旦你在水印（“”）中使用它，它就不起作用了。你能准备一个JSFIDLE吗？

<input type="text" data-ng-model="someModel" data-watermark="Required Field"/>