bootstrap-toggle | Bootstrap toggle switches - Fork it and make it better : D | Frontend Framework library

I'm trying to use the JQuery plugin bootstrap-toggle with my Webpacked Typescript project but each time I try and call it, it gives me a is not a function error and the actual handle is undefined.

I noticed that webpack wasn't including the module so I put an import for it at the top.

I have a form that has only two checkboxes. When both are unchecked the request is empty and so the submitted form is not treated in the controller.

Any idea, how I can post something in the request for 'unchecked' checkboxes?

I'm learning Angular 9 and have gone through the Tour of Heroes app and tutorial. I've used this tutorial as a base to add new features such as CRUD operations on a remote resource and I have added @ng-bootstrap/ng-bootstrap to the projects but I cannot get angular-bootstrap-toggle to work.

The instructions on Bootstrap Toggle don't match what I have learned so far and I can't find a solution anywhere.

For example, I don't know how this command angular.module('myApp', ['ui.toggle']); fits in with Angular 9 and the tutorial I have used.

How can I get the system to call onChange() when I click the toggle?

angular.json

Followed instructions here: Ambari 2.7.5 installation failure on CentOS 7

I followed the exact same instructions and am now getting this from ambari-admin section of the build:

I am trying to get a jQuery toggle box to render here in my form but I am using ajax to load the form and it doesn't appear to render the layout jQuery Do I need to add jQuery into my partial view

So i'm trying to make a realtime button using Javascript and Firebase. Currently I have a working button which is changing the variable in the realtime database from on to off. But the default value isn't saved so when I switch the button off and reload the page it shows that it is on how can I fix this? I also want it to be updated realtime between all the clients

App.js

I cannot get the bootstrap-toggle effect to work. I have stripped my page down to what I think its the bare minimum requirement:

I'm trying to render bootstrap toggle switch through jquery but it's simply not working after the first time, I'm unable to figure out what to do.

I'm just starting learning Javascript and jQuery (1 day in!). I ran into an issue yesterday that I eventually worked through, but have no idea why the change worked.

TLDR; In jQuery, why does .change trigger a toggle/checkbox via an id tag when .click does not?

Longer explanation below:

I'm hoping to understand why and find out if what I did was really the correct way to fix the problem I encountered.

I'm trying to create a list of items that can be toggled on and off and update the backend via AJAX. When I built my sample list of two, when I would click one button, it would toggle ALL of the buttons.

I was calling via class (was not unique), so I moved each to a unique id and then the jQuery .click function stopped working. After a few hours of beating my head against the wall, I changed from .click to .change - and it started working.

QUESTION: Why does .change trigger fine using an id tag when .click does not?

Why doesn't this work as is?