Package Exports
- angular-modal-component
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (angular-modal-component) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
angular-modal-directive
Angular module for inserting modals into an angularJS project without copying and pasting boiler plate bootstrap code. It also couples the modal launcher with the modal content
Usefulness of this package
This is for projects using angularJS and bootstrap. It supplies a directive, with very little work, for adding a modal, a modal launcher, coupling them, and allowing the developer to not have to worry about encoding unique IDs into all of the modals and launchers on the page
example
1.) include the module:
npm install ng-modal --save
require("angular-modal-directive");
var app = angular.module('aquatechworld', ['ngModal']);simply use the kop-modal directive in your html, after including the
Make the launcher (button to launch the modal) top level, and nest what you want to appear in the modal body underneath.
Add title of the modal as an attribute of the launcher
<button kop-modal
launcherlabel="This appears on the button" modaltitle="Create New Table"
>
<!-- this goes in the modal body -->
<h1> This will be inside the modal body </h1>
<div>
<p> Everything within the kop-modal directive will </p>
</div>
</button>