Inside jquery function can i call angular 5 function

Question

I am trying to call onPaymentStatus() function inside the jQuery function. But i am unable use 'this' scope

this.braintree.client.create({
  authorization: 'client_token'},
  (err, client) => {
      client.request({
        endpoint: 'payment_methods/credit_cards',
        method: 'post',
        data: data
      }, function (requestErr, response) {

       if (requestErr) { throw new Error(requestErr); }
       console.log('Got nonce:', response.creditCards[0].nonce);
       this.onPaymentStatus(response.creditCards[0].nonce); //
    });
});

onPaymentStatus (nonce) {
  console.log(nonce);
}

I got error ERROR TypeError: Cannot read property 'onPaymentStatus' of null

Angular5 is written in typescript. Anyways after compilation it gets converted into Javascript by the WebPack. So technically you can call it on while on runtime. But my question will be WHY? why can't you write the entire thing in angualr? Do some research — Arun
– Arun, Commented Mar 14, 2018 at 19:17

Shane · Accepted Answer · 2018-12-14 11:38:23Z

14

You need to make a reference to the component outside the jQuery function as the meaning of this changes within it

const component = this;

Then call

component.onPaymentStatus()

edited Dec 14, 2018 at 11:38

answered Mar 14, 2018 at 19:16

Shane

6791 gold badge9 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Sangeeth John Over a year ago

really helpful.

Collectives™ on Stack Overflow

Inside jquery function can i call angular 5 function

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related