Javascript函數中的調用手稿函數

Question

當我在ajax.error結果中調用this.getInvoices時，出現錯誤Uncaught TypeError: Object #<Object> has no method 'getInvoices' 。我如何從那裏訪問打字稿功能？

// Typescript 
class InvoicesController { 
    ... 

    public getInvoices(skip: number, take: number): void { 
     ...  
    } 

    public createInvoice() { 
      $.ajax({ 
      ... 
      contentType: 'application/json', 
      type: 'POST', 
      success: function (res) { 
       if (res.result === 'ok') { 
        this.getInvoices(0,100); // THIS DOES NOT WORK? 
       } 
      }, 
      error: function (err) { 
       this.getInvoices(0,100); // THIS DOES NOT WORK? 
      } 
     }); 
    } 
} 

Answer 1

檢查您的範圍。我相信，當你調用這個你實際上指的是Ajax對象，而不是類InvoicesController

public createInvoice() { 
     me = this; 
     $.ajax({ 
     .... 
     contentType: 'application/json', 
     type: 'POST', 
     success: function (res) { 
      if (res.result === 'ok') { 
       console.log('Data saved1'); 

      } 
      else { 
       console.log('Save error1'); 
      } 
     }, 
     error: function (err) { 
      me.getInvoices(100,0); // TRY THIS 

      console.log("error2"+err); 
     } 
    }); 
} 

Answer 2

使用短打字稿功能語法，它在默認情況下擷類方面：

// Typescript 
class InvoicesController { 
... 

public getInvoices(skip: number, take: number): void { 
    ...  
} 

public createInvoice() { 
     $.ajax({ 
     ... 
     contentType: 'application/json', 
     type: 'POST', 
     success: (res) => { 
      if (res.result === 'ok') { 
       this.getInvoices(0,100); // WORK NOW 
      } 
     }, 
     error: (err) => { 
      this.getInvoices(0,100); // WORK NOW 
     } 
    }); 
} 

}