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>

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

1 个答案: