How do I open multiple bootstrap modals simultaneously in AngularJS?

Question

I have a table with a list of records on the main landing page.

We can click records from the table to open a bootstrap modal for detail view.

I want to access the main landing page table to open another bootstrap modal, I mean opening and keeping two of them simultaneously.

Answer 1

I have achived this using angular-kendo window , Now able to open multiple popup.

http://plnkr.co/edit/BE6ADurYGqikkcNKQVl7?p=preview

var windowInstance = $kWindow.open({
                   options:{
                     modal: false,
                     title: "Window title",
                     height: 150,
                     width: 400,
                     visible: false
                   },
                    templateUrl: 'modal1.html',
                    controller: 'modalController',
                    resolve: {
                        parameter1: function () {
                            return "Test...";
                        }
                    }
                });
                windowInstance.result.then(function (result) {
                    // Here you can get result from the window
                });