A Toggle component is similar to Angular Bootstrap that can be used as a standalone alternative or can turn checkboxes into UI toggles.
How to make use of it:
1. After installing the above dependencies, install ng-toggle via:
npm install --save @nth-cloud/ng-toggle
2. Import the main module into your project:
import {NgToggleModule} from '@nth-cloud/ng-toggle';
3. Import the module into your application:
import {NgToggleModule} from '@nth-cloud/ng-toggle'; @NgModule({ declarations: [AppComponent, ...], imports: [NgToggleModule, ...], bootstrap: [AppComponent] }) export class AppModule { }
4. In your systemJS configuration file, the map needs to tell the system loader where to look for ngx-toggle:
map: { '@nth-cloud/ng-toggle': 'npm:@nth-cloud/ng-toggle/dist/bundles/ng-toggle.js', }
ng-toggle | Angular | Bootstrap CSS | Active Support |
---|---|---|---|
1.x.x | 5.2.1 | 4.0.0 | ❌ |
2.x.x | 6.1.0 | 4.0.0 | ❌ |
3.x.x | 7.0.0 | 4.0.0 | ❌ |
4.x.x | 8.0.0 | 4.0.0 | ❌ |
5.x.x | 9.0.0 | 4.0.0 | ❌ |
6.x.x | 10.0.0 | 4.0.0 | ✅ |
7.x.x | 11.0.0 | 4.0.0 | ✅ |
8.x.x | 12.0.0 | 4.0.0 | ✅ |
9.x.x | 13.0.0 | 4.0.0 | ✅ |
See Demo And Download
Official Website(nth-cloud): Click Here
This superior jQuery/javascript plugin is developed by nth-cloud. For extra advanced usage, please go to the official website.