Как очистить вход после отправки формы в Аурелии

Есть ли у 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 вернуться к пустой строке, думая, что Аурелия ограничила их с двух сторон. Но потом я подумал, что это глупо, потому что вы можете захотеть изменить / манипулировать переменной, находясь в функции, и вы не захотите, чтобы пользователь ее увидел, поэтому я предполагаю, что установка 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 ответ

Оказывается, они ограничены! Простой ответ здесь, мне нужно было использовать this.hello = ""

Потенциально модель не будет обновляться до тех пор, пока функция не завершит работу, я думаю, что так оно и есть. Таким образом, если в конце функции ограниченная переменная установлена ​​на что-то удобное для пользователя, все будет в порядке, если вы будете вносить изменения в значение во время выполнения

Другие вопросы по тегам