Angular2 and BootStrap-Toggle

Question

I'm trying to use Bootstrap-Toggle in a Angular2 project and I can't get it working.

I did some debugging and I it see properly displaying but after all the initialization occurs it goes back to a normal checkbox.

It appears the problem has to due with Bootstrap-Toggle adding elements directly to the DOM.

How can I get Bootstrap-Toggle working in Angular2?

Answer 1

you need to initialize it with java script like that in ngOninit() in your component relative to that template

ngOninit(){
  $("#toggleId").bootstrapToggle();
}