❤Nuns Practicing Misanthropy

    npm

    Sign UpSign In
    Have ideas to improve npm?Join in the discussion! »

    angular-button-modal

    0.1.0 • Public • Published

    # Angular modal button

    ### A simple directive/componenet that generates a button which on click instantiates a customizable modal. Includes a method for executing service calls from the template.

    ## Dependencies

    This component requires ngDialog and angular-toastr

    ## Installation

    npm

    npm install ng-dialog angular-toastr angular-modal-button

    js

    <body>
      <script src="js/angular-toastr.tpls.js"></script> 
      <script src="js/ngDialog.js"></script> 
      <script src="js/angular-modal-button.min.js"></script> 
    </body>

    css

     <link rel="stylesheet" type="text/css" href="node_modules/ng-dialog/css/ngDialog-theme-default.css">
     <link rel="stylesheet" type="text/css" href="node_modules/angular-toastr/dist/angular-toastr.css">

    ##Usage

    var app = angular.module('myApp', ['ngDialog', 'toastr', 'modal-btn'])
    <modal-button>
      template          = "'url-to-template'"
      tmpl-scope-object = "{name: 'some-name', age: 00}"
      button-label      = "'some-label'"
      method            = "'some-method-name-matching-service'"
      service           = "'some-service-name'"
      button-class      = "'some-class'"
      modal-class       = "'some-class'">
    </modal-button>
    Param Type Details
    template String url for the template
    tmplScopeObject(optional) Object Object containing data which will be made available in modal on $scope
    button-label(optional) String Label that will appear on the button if none is set it will default to the method name
    method(optional) String Method to be called on service
    service(optional) String Name of service to be executed from template if any
    button-class(optional) String button class(es) to be applied, if none defaults to bootstrap default
    modal-class(optional) String class to be applied to the modal
    all String object containing all the above

    Keywords

    Install

    npm i angular-button-modal

    DownloadsWeekly Downloads

    7

    Version

    0.1.0

    License

    MIT

    Homepage

    github.com/paolopr/angular-modal-button

    Repository

    Gitgithub.com/paolopr/angular-modal-button

    Last publish

    Collaborators

    • avatar
    Try on RunKit
    Report malware