用于 jQuery 的 Aurelia Ajax 自动完成功能

Question

我正在尝试在我的 Aurelia 应用程序中为 jQuery 使用 Ajax AutoComplete。我无法访问通过自动完成选择的对象。 这是我的js代码。

this.questionPaperLookup = $('#question-paper-list').autocomplete({
  lookup: this.questionPaperLookupData,
  minChars : 0,
  onSelect: function (suggestion) {
    this.selectedQuestionPaper = suggestion.data;
  }
});

这里我根据自动完成的选择设置 selectedQuestionPaper。 并尝试从其 html 中访问此对象，如下所示：

<span id = "selected-question-paper" class="auto_text selected_batches">
            ${selectedQuestionPaper.name}
          </span>

但 selectedQuestionPaper 对象的 name 属性未显示在视图中。我不知道缺少任何必需的步骤。提前致谢

Answer 1

你必须使用箭头函数来获得词法this：

this.questionPaperLookup = $('#question-paper-list').autocomplete({
  lookup: this.questionPaperLookupData,
  minChars : 0,
  onSelect: (suggestion) => {
    this.selectedQuestionPaper = suggestion.data;
  }
});