This is a super easy, small library for creating dynamic dialogs with angularjs. Calling dialog.show, dialog.confirm or dialog.reason creates a promise, which is either resolved or rejected.

Installation

$ npm install simple-angular-dialog --save

Add simple-angular-dialog to your dependencies

  <link rel="stylesheet" type="text/css" href="dialog.css">
</head>
<body>
  ...
  <script type="text/javascript" src="angular.js"></script>
  <script type="text/javascript" src="simple-angular-dialog.min.js"></script>
</body>

Then in your app should look something like this:

angular
  .module('YourApp', ['simple-angular-dialog'])
  .controller('ctrl', ['dialog', function (dialog) {

    $scope.value = 123

    $scope.showDialog = function () {
      return dialog.show({
        template: require('./dialog.template.html')
        controller: function (value, dialog, $scope) {
          console.log(value)

          $scope.close = function () {
            return dialog.close()
          }

        },
        locals: {value: $scope.value}
      })
        .then(function (data) {
          console.log('Submit Called', data)
        })
        .catch(function () {
          console.log('Cancel Called')
        })
    }

  })

Usage / API

dialog.show({
  template: require('./dialog.template.html'),
  controller: function () {},
  controllerAs: 'vm',
  escapeKey: false,
  overlayClose: false,
  hasX: true,
  locals: {key: param}
 })

dialog.confirm('Confirm Text')

dialog.reason('This is info text')

Low frame gif

Keywords

FAQs

What is angular-dialog?

Is angular-dialog popular?

Is angular-dialog well maintained?

Package last updated on 06 Feb 2020

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

angular-dialog

THIS IS ONLY A FORK I'VE MADE IN ORDER TO TWEAK A BIT THE CODE AND SUIT MY SPECIFIC NEEDS FOR A PROJECT IN PARTICULAR

I AM NOT MANTAINING THIS REPO SO I DO NOT RECOMEND YOU TO USE IT

ALSO, THIS IS NOT "LA GRAN CC"

simple-angular-dialog

Installation

Usage / API

Keywords

Related posts

Insecure Agents Podcast: Certified Patches, Supply Chain Security, and AI Agents

Tailwind CSS Announces 75% Layoffs as LLMs Reshape OSS Business Models