Call angular2 method from javascript function

Question

I am using jquery kendo ui grid and from that edit button i am trying to call angular2 method. My setup is simple:

export class UserComponent implements OnInit {
     constructor( @Inject(UserService) public userService: UserService,  @Inject(FormBuilder) public fb: FormBuilder) {
...
}


 edit():void{ }

 onInit() {
   $("#grid").kendoGrid({
   ....
   click: function () {
     // Call angular2 method of the current instance
   });
}
}

It's working code the only issue is this. I can call the angular2 method by just stating

 click:this.edit

or

 click: function () {
         UserComponent.prototype.edit()
       });

but in both case the method is not from the current instance. So in this case i cannot make use of the http service or any local variable or methods inside edit

all Angular methods are JavaScript, so your question title doesn't even make sense. — Claies
– Claies, Commented Nov 3, 2015 at 3:10
Yes all angular methods are javascrupt but my title "angular2 method " by this i mean the method of an instance. because if you just call this.edit it wont execute the method from the current instance. — Navin
– Navin, Commented Nov 3, 2015 at 4:19

TGH · Accepted Answer · 2015-11-03 03:12:34Z

7

Try something like this

click: function () {
   this.edit();
}).bind(this);

or

var self = this;
$("#grid").kendoGrid({

   click: function () {
     self.edit();
   });

edited Nov 3, 2015 at 3:12

answered Nov 3, 2015 at 3:07

TGH

39.4k13 gold badges106 silver badges140 bronze badges

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

Collectives™ on Stack Overflow

Call angular2 method from javascript function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related