Call Typescript function in Javascript function

Question

I am getting the error Uncaught TypeError: Object #<Object> has no method 'getInvoices' when I call this.getInvoicesin the ajax.error result. How can I access the typescript function from there?

// 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?
            }
        });
     }
}

possible duplicate of $(this) inside of AJAX success not working — Matt Ball
– Matt Ball, Commented Sep 25, 2013 at 15:39
No, it doesn't. TypeScript compiles to JavaScript. Pass the context argument to $.ajax(). — Matt Ball
– Matt Ball, Commented Sep 25, 2013 at 15:41

thedr · Accepted Answer · 2013-09-25 15:41:08Z

check your scope. I believe when you are calling this you're actually referring to the ajax object and not the class 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);
        }
    });
 }

Ilya Rezvov · Accepted Answer · 2013-09-27 12:55:40Z

Use short typescript functions syntax, it captures class context by default:

// 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
        }
    });
 }

}

Collectives™ on Stack Overflow

Call Typescript function in Javascript function

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related