如何将值传递给指令属性？

Question

我有一个文本框、一个提交按钮和一个指令。

<input type="text" />  
<input type="submit" />
<my-dir name=""></my-dir>

每次我在框中输入内容并提交时，我希望字符串可以传递给 my-dir 的“name”属性。 如何实现？

Answer 1

使用document.querySelector或document.getElementsByTagName应该不会有任何问题。 这是一个快速示例...

 my-dir:after { display: block; margin: 10px 0; border: 1px solid #666; background-color: #eee; min-height: 1em; padding: 5px; border-radius: 2px; content: attr(name); }

 <form onsubmit="document.querySelector('my-dir').setAttribute('name', this.text.value); return false"> <input name="text" type="text" /> <input type="submit" /> </form> <my-dir name=""></my-dir>