Angular bootstrap modal open onload

Question

Now i want to open Modal whenever page loads

  <script>
     $(document).ready(function () {                
                 open('lg');         
      });
  </script>

score 2 · Answer 1 · edited May 23 '17 at 11:44

2

Angular http://angular-ui.github.io/bootstrap/ has a directive and the $modal service and both of those can be used to open modal windows.

you then need to use:

$modal.dialog({}).open('modalContent.html');

edited May 23 '17 at 11:44

Community

answered Jul 16 '14 at 12:28

Liad Livnat

Forgot to add that i need to open template, not url. – user2614879 Jul 16 '14 at 12:31
@user2614879 Then pass an object with the options, instead of a url. – Ben Fortune Jul 16 '14 at 12:32
well this will open a template name modalCotnen.html you can added a variable and in the variable just enter the tempalte if it's not at static file – Liad Livnat Jul 16 '14 at 12:33
it's accualy MVC's View. Not html file, but templateURL. – user2614879 Jul 16 '14 at 12:34
you need to add $dialog to the controller also make sure you installed angular-ui – Liad Livnat Jul 16 '14 at 12:35
1

FYI `$dialog` doesn't exist anymore. You can see in this [changelog](https://github.com/angular-ui/bootstrap/blob/e420204fa21e43939e3dfa75c28e4a310a56e931/CHANGELOG.md#breaking-changes-2) `$dialog service was refactored into $modal`. – Ben Fortune Jul 16 '14 at 12:45

score 1 · Answer 2 · answered Jul 16 '14 at 12:41

1

Module API has a run method. In your code for you app you add code to open the dialog in the run callback

angular.module('myAppModule').run(function($modal) {
  $modal.open(options);   //the option data. See documentation.
});

answered Jul 16 '14 at 12:41

Chandermani

Not working... angular.module('transport').run(function($modal) { $modal.open({templateUrl: 'deleteCheked.html', controller: ModalInstanceCtrl, size : size, resolve: { items: function () { return $scope.items;}}); //the option data. See documentation. }); – user2614879 Jul 16 '14 at 12:49
That modal does not exsits. – user2614879 Jul 17 '14 at 07:19
error is gone (was mismatch of myAppModule name). Now problem is that nothing happens when angular.module is runned (event alert does not shoot) – user2614879 Jul 17 '14 at 07:21

2 Answers2