How to call $modal.open in Ui-Bootstrap 0.10.0 from controller in angularjs

Question

How to call $modal.open from controller in angular js. Previously in ui-bootstrap 0.1.0 dialog was there. Now in current version what is the privision to call your dialog.

in 0.1.0 it was just $dialog.dialog(); Then call to Dialog (); in Lib -

return {
  // Creates a new `Dialog` with the specified options.
   dialog: function(opts){
      return new Dialog(opts);
},

// creates a new `Dialog` tied to the default message box template and controller.
//
// Arguments `title` and `message` are rendered in the modal header and body sections respectively.
// The `buttons` array holds an object with the following members for each button to include in the

// modal footer section:

// * `result`: the result to pass to the `close` method of the dialog when the button is clicked

// * `label`: the label of the button
// * `cssClass`: additional css class(es) to apply to the button for styling

messageBox: function(title, message, buttons){
    return new Dialog({templateUrl: 'template/dialog/message.html', 
           controller: 'MessageBoxController', resolve: {model: {
      title: title,
      message: message,
      buttons: buttons
    }}});
}

Can any one know how to call $modal.open in 0.10.0 ?

Chen-Tsu Lin · Accepted Answer · 2014-03-13 23:58:38Z

6

Set a function to do open:(set template, controller, resolve)

function open() {

var modalInstance = $modal.open({
  templateUrl: 'myModalContent.html',
  controller: ModalInstanceCtrl,
  resolve: {
    items: function () {
      return $scope.items;
    }
  }
});

});

Set modal controller:

var ModalInstanceCtrl = function ($scope, $modalInstance, items) {

    $scope.items = items; 

});

And call it when you want:

open();

If you want to call from the template:

replace

function open() {

to

$scope.open = function() {

and call

$scope.open()

edited Mar 13, 2014 at 23:58

answered Feb 13, 2014 at 10:48

Chen-Tsu Lin

23.3k16 gold badges57 silver badges65 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

netalex Over a year ago

NB: if the template is in a file, it need to be in single quotes ('') in the resolve clause.

Collectives™ on Stack Overflow

How to call $modal.open in Ui-Bootstrap 0.10.0 from controller in angularjs

1 Answer 1

Set a function to do open:(set template, controller, resolve)

Set modal controller:

And call it when you want:

If you want to call from the template:

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Set a function to do open:(set template, controller, resolve)

Set modal controller:

And call it when you want:

If you want to call from the template:

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related