Angular2 bootstrap confirm
Demo
https://mattlewis92.github.io/angular2-bootstrap-confirm/
Table of contents
About
A simple angular2 directive to display a bootstrap styled confirmation popover when an element is clicked.
Pull requests are welcome.
Installation
Install through npm:
npm install --save angular2-bootstrap-confirm
Then use it in your app on a component:
;;;// Or if you're already using the @ng-bootstrap/ng-bootstrap module// import {Positioning} from '@ng-bootstrap/ng-bootstrap/util/positioning';// or if you're using the ng2-bootstrap module// import {PositionService as Positioning} from 'ng2-bootstrap/components/position'; // now use within your apps module;;
You may also find it useful to view the demo source.
Usage without a module bundler
<script src="node_modules/angular2-bootstrap-confirm/position/index.js"></script>
<script src="node_modules/angular2-bootstrap-confirm/dist/umd/angular2-bootstrap-confirm.js"></script>
<script>
// position service available as ng2BootstrapPosition.Positioning
// confirm options, directive and position token available as ng2BootstrapConfirm.ConfirmOptions, ng2BootstrapConfirm.Confirm, ng2BootstrapConfirm.Position
</script>
Usage with universal
You will need to add this line in your server bootstrap code to get this module to work with universal:
(global as any).HTMLElement = () => {};
Documentation
All documentation is auto-generated from the source via typedoc and can be viewed here: https://mattlewis92.github.io/angular2-bootstrap-confirm/docs/
The main confirm directive options can be viewed here.
Development
Prepare your environment
- Install Node.js and NPM (should come with)
- Install local dev dependencies:
npm install
while current directory is this repo
Development server
Run npm start
to start a development server on port 8000 with auto reload + tests.
Testing
Run npm test
to run tests once or npm run test:watch
to continually run tests.
Release
npm run release
License
MIT