2017-04-06 9 views
0

私のAureliaアプリケーションでjQuery用にAjax AutoCompleteを使用しようとしています。私はオートコンプリートで選択されたオブジェクトにアクセスできません。 これは私のjsコードです。ここでAurelia Ajax AutoComplete for jQuery

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

は、オートコンプリートからの選択に基づいてselectedQuestionPaperを設定IAM。 そして、このようにそのHTMLからこのオブジェクトにアクセスしようとしている:

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

しかしselectedQuestionPaperオブジェクトのnameプロパティがビューに表示されていません。私は必要なステップがないことを知りません。事前に感謝

答えて

0

あなたは字句thisを持つように矢印の機能を使用する必要があります。

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

問題は依然として 'this.selectedQuestionPaper = suggestion.data前にデバッガを入れて矢印機能 –

+0

を使用した後に存在し、それはだ場合'見ますヒットしている –

+0

はい。私はオブジェクトのプロパティをコンソールlikeconsole.log(this.selectedQuestionPaper.name)に出力できます。選択した質問用紙名 –