ngEkathuwa

Bootstrap3 modal service with responsive and more feature
4 people use it
Author: 89452b2bf334c3be8966228c87496b96?d=https%3a%2f%2fidenticons.github.com%2f564bddefb21f10d18c1d4bd4844dde57 sarath2

https://github.com/sarath2/ngEkathuwa/blob/master/README.md

http://plnkr.co/ebDtSMw6w0IZquaglEMe

ngEkathuwa

Angularjs Bootstrap 3 Modal service - Ekathuwa

Examples: ngEkathuwa

This given you to easily handle Bootstrap 3 Modal window with Angularjs.
It is more flexible...
It is responsive...
Can be use custom sizes...
Working with templates...

Getting Start

  1. Include <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"> in the head of your document.
  2. Include <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js"></script>
  3. Include <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
  4. Then include ekathuwa.min.js
  5. Declare a module dependency, in your module '[ngEkathuwa']
  6. Declare a controller dependency, in your controller $ekathuwa
  7. Then use it $ekathuwa.modal(options)

Ekathuwa examples

$ekathuwa.modal({ id: "ekathuwaModalTempId", scope: $scope, templateURL: "./views/modal-template1.html" });

$ekathuwa.modal({ id: "ekathuwaBodyTempLId", scope: $scope, bodyTemplateURL: './views/modal-template-body.html' });

$ekathuwa.modal({ id: "ekathuwaBodyTempLHTMLId", scope: $scope, bodyTemplate: 'This is a modal body' });

$ekathuwa.modal({ id: "ekathuwaModalId", scope: $scope, footer: false });

License

Copyright 2013 Sarath Ambegoda. Released under the MIT License (MIT).

comments powered by Disqus
This page was last updated over 3 years ago.