AngularJS - AlertFactory open dialog behavior

Question

i'm creating an AlertFactory because ui.bootstrap.dialog doesn't works in my app.

So i type follow code: http://jsfiddle.net/Premier/BHqKB/17/

enter code here

It works very well if you click on the "Open dialog" button: on screen appear a dialog with my messages.

I also register a listener on keydown: listener fires a broadcast event on which is registered a scope related function. This function calls openDialog to show the dialog. In this way angular doesn't interpolates arguments and alert is shown with {{title}} placeholder.

What is wrong in my code?

Thank you.

Caio Cunha · Accepted Answer · 2013-03-22 13:37:57Z

1

You need an $apply to invoke a digest cycle.

ng.element(document).on('keydown', function(e){
  //alert('keydown');
  //openDialog();
  $rootScope.$broadcast('openDialog');
  $rootScope.$apply();
});

answered Mar 22, 2013 at 13:37

Caio Cunha

23.4k6 gold badges81 silver badges74 bronze badges

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

3 Comments

Premier Over a year ago

Thank you. Problem is that 'MessageBoxController' was not instantiated and title, message and buttos are null after call $apply.

Caio Cunha Over a year ago

And when are those properties initialized?

Premier Over a year ago

I'm sorry, your solution works perfectly. Thank you. Problem was about my distraction about controller name: there was 2 controllers with name MessageBoxController

Collectives™ on Stack Overflow

AngularJS - AlertFactory open dialog behavior

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related