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?

Hey there, It'd be better if you can add the code that you're writing to make this work. So that we can help. How are you doing that? — Saiyaff Farouk
– Saiyaff Farouk, Commented Sep 17, 2017 at 10:00

Samir Ghonim · Accepted Answer · 2017-09-17 09:07:49Z

1

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

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

answered Sep 17, 2017 at 9:07

Samir Ghonim

6411 gold badge7 silver badges14 bronze badges

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

1 Answer 1