如何在Aurelia中提交表单后清除输入

时间:2016-09-21 15:01:33

标签: javascript aurelia aurelia-binding

Aurelia是否有办法实现我的目标?单击添加后,我希望将输入设置回零。这是app.js文件

export class App {
  constructor() {
    this.message = 'Hello World!';
    this.array = [];
    this.array.push("Hello");
  }
  addToArray()
  {
    this.array.push(this.hello);
    hello = "";
  }
}

我尝试将var hello设置回一个空字符串,以为Aurelia让他们双向限制。但后来我觉得这很愚蠢,因为你可能想在函数中改变/操作变量,而你不希望用户看到它,所以我想把hello设置回空字符串是行不通的。这是html。

  <form submit.trigger="addToArray()">
    <input type='text' value.bind="hello">
    <input type='submit' value="add">
    </form>

    <ul>
      <li repeat.for="a of array">${a}</li> 
      </ul>

1 个答案:

答案 0 :(得分:0)

事实证明它们是有界限的!这里的答案很简单,我需要使用this.hello = ""

在函数运行完成之前,模型可能不会更新,我猜这是它的工作原理。因此,只要有限变量在函数结束时设置为用户友好的东西,您就可以在执行期间对值进行任何更改