ngPopup
ngPopup is a light-weight modeless dialog for Angular, it is jQuery-independent and has only dependency on AngularJS. It supports angular two-way binding on dialog properties(width, height, position...), and has full customized theme.
Install
Install through Bower or NPM,
bower install ng-popup -S
npm install ng-popup -S
Include it in your html page :
Then add dependency in your AngularJS App :
angular;
Quick-start Example
1 Insert ngPopup directive in DOM, and specify option object by option
attribute :
2 Define configurations in controller :
$scopengPopupConfig = modelName: "myNgPopup" width: $scopeinputWidth height:$scopeinputHeight templateUrl:"../views/ngPopupContents.html" resizable:true draggable:true position: top : 500 left : 500 { /*Some Logic...*/ }
Two-way Binding
in ngPopup, the following properties support angular two-way binding (visit Wiki page for full properties list):
- position
- width
- height
- title
- show/hide
- draggable
- resizable
see the two-way binding example in Demo page
License
The MIT License