ожидаемое обещание с использованием async await в машинописи

Question

Когда я вызываю метод loadhtml из show. Я всегда получаю ожидающее обещание.Как мне получить стоимость без обратного звонка.Пожалуйста, найдите фрагмент кода ниже.

   async loadhtml(url: string) {
            var data =$.get(url).then(response=>{
                console.log("response=>",response)
                return response
            });
            return await data
        }

 show() {
      var data = this.loadhtml(require("../../template/template1.tpl"));
       console.log("html content=> ",data);
} 

Answer 1

Вы можете заключить его в обещание и вернуться, чтобы вы могли использовать await в функции вызывающего абонента для его ожидания.

async loadhtml(url: string) {
  return new Promise((resolve, reject) => {
    $.get(url).then( response => {
      console.log("response=>",response)
      resolve(response)
    });
  });
}

async show() {
  var data = await this.loadhtml(require("../../template/template1.tpl"));
  console.log("html content=> ",data);
}