$viewContentLoaded on custom dialog about angular-dialog-service

[vorko]

i also try to use opened promise... but when it's fired, dialog is not ready...

dlg = $dialogs.create('views/dialogs/rest_newbonuses.html', 'RestNewbonusesCtrl', {}, {
      key : false,
      back : 'static'
    });

  dlg.opened.then(function() {

$('#select-model').selectize({
create : true,
sortField : 'text'
});
    console.log('coucou');
  });

nb : when i call selectize on the console when dialog is on the screen, it's working...

[m-e-conroy]

The returned modal object that uses "opened" is a function of the Angular-UI-Bootstrap project, $dialogs.create only returns the created $modalInstance. I think if "opened" doesn't work it may be a question for the Angular-UI team. I'll take a look at it when I have time, but I have a feeling its more about the way your application is constructed. $viewContentLoaded is an event attached to ng-view, the modal will not respond to this event in the dialog's controller.

There are two things that I can think of right now that may be the problem.

1. You have a race situation. The modal doesn't render before your init code gets executed. Try using a $timeout around your init function to see if that is the culprit - I'm not saying that this is a solution to the problem I'm suggesting this might help to narrow done whats actually happening.
2. Your selectize script happens outside the scope of Angular and inside the scope of jQuery. You need to $apply changes made via jQuery to Angular's scope.

[m-e-conroy]

Just read your little note about using selectize on the console when the dialog is on screen, to me this says you have the "race" situation. Your selectize code is executing prior to the modal being rendered.

[m-e-conroy]

I ran a test using the "modal.opened.then" - the supplied function to "then" executes prior to the modal being rendered.

The Angular-UI docs state that the "opened" promise "is resolved when a modal gets opened after downloading content's template and resolving all variables" - this happens before the modal is rendered to the page.

I suggest trying to use the $timeout service to delay the execution of your init function.

[m-e-conroy]

Any luck?

[vorko]

$timeout(function(){init();}); 

and all is ok.... :-)

Thanks for your help

NB : i try to $apply but it does nothing.