ng-popup

WebJar for ng-popup

License	MIT
GroupId	org.webjars.npm
ArtifactId	ng-popup
Last Version	0.5.0
Release Date	Nov 16, 2017
Type	jar
Description	ng-popup WebJar for ng-popup
Project URL	http://webjars.org
Source Code Management	https://github.com/MarkoCen/ngPopup

Download ng-popup

Filename	Size
ng-popup-0.5.0.pom
ng-popup-0.5.0.jar	28 KB
ng-popup-0.5.0-sources.jar	22 bytes
ng-popup-0.5.0-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/ng-popup/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>ng-popup</artifactId>
    <version>0.5.0</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/ng-popup/
implementation 'org.webjars.npm:ng-popup:0.5.0'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/ng-popup/
implementation ("org.webjars.npm:ng-popup:0.5.0")

Apache Buildr

'org.webjars.npm:ng-popup:jar:0.5.0'

Apache Ivy

<dependency org="org.webjars.npm" name="ng-popup" rev="0.5.0">
  <artifact name="ng-popup" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='ng-popup', version='0.5.0')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "ng-popup" % "0.5.0"

Leiningen

[org.webjars.npm/ng-popup "0.5.0"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

#ngPopup

Light-weight (~3kb gzipped) modaless dialog for Angular without jQuery dependency, supports two-way binding for most dialog properties(width, height, position...), and has full customized theme.

Demo

API ##Install

Install through Bower or NPM,

bower install ng-popup -S

npm install ng-popup -S

Include it in your html page :

<link rel='stylesheet' href='ngPopup.css'>
<script type='text/javascript' src='ngPopup.js'></script>

Then add dependency in your AngularJS App :

angular.module("yourApp",["ngPopup"]);

##Build ngPopup use Gulp to release , make sure to run gulp after modified the source code or theme,

gulp

##Quick-start Example

1 Insert ngPopup directive in DOM, and specify option object by option attribute :

<ng-pop-up option='ngPopupConfig'></ng-pop-up>

2 Define configurations in controller :

$scope.ngPopupConfig = {
    width: $scope.inputWidth,
    height:$scope.inputHeight,
    templateUrl:"../views/ngPopupContents.html",
    resizable:true,
    draggable:true,
    position: { top : 500, left : 500},
    onOpen: function(){
    	/*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

Versions

Version
0.5.0 Nov 16, 2017