Giter Site home page Giter Site logo

coolsuplex / modal-angularjs Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 185 KB

Modal window with angular-ui-bootstrap (spring boot)

Shell 25.22% Batchfile 17.89% Java 5.01% HTML 36.56% JavaScript 15.31%
angularjs modal-dialogs modal-windows bootstrap

modal-angularjs's Introduction

Spring Boot project showing modal-angularjs

Refer - http://angular-ui.github.io/bootstrap/#!#%2Fmodal

Some General Information:

We should do two steps: the function to open the dialog and elaborate its results, and the controller/view that will handle the dialog lifem, that will follow the routing setup conventions. The complete documentation can be found on UI-Bootsrap website

Then a controller can be created, to handle the operations on the dialog. The $modalInstance is the service that is initialize by the previously declared function inside the $modal service.

we implement a close function, in wich we invoke the $modalInstance.close. This will invoke the 'promise' (the then in the previous script and will set on the scope

resolve (Type: Object) - Members that will be resolved and passed to the controller as locals; it is equivalent of the resolve property in the router.

Commands to Run :

  1. Fork/clone/import the project in your favourite IDE

  2. ToggleApplication.java run as Java Application

  3. Open your browser and hit, localhost:8080

  4. Magic starts now :)

  5. Click the pencil icon to launch the Modal

  6. Feel free to implement your service layer for data

alt tag

alt tag

Rock n Roll

modal-angularjs's People

Contributors

coolsuplex avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.