angularjs - Bootstrap tabs lazy loading data does not work with dialogs service -

angularjs - Bootstrap tabs lazy loading data does not work with dialogs service -

i building application requires tabbed pane , dialogs. injecting 'ui.bootstrap' , 'dialogs' services generating dialog. when include these services tabs doesnt seem displayed. in case remove these services while loading module, tabs work fine. here http://plnkr.co/edit/nddkhpilxoeptgoe3zxk?p=preview plunker link same. html

script.js

var app = angular.module('myapp', ['ui.bootstrap','dialogs']);

if load myapp without using ui.bootstrap , sialogs service, tabs seem displayed correctly. need utilize dialogs in code , hence need load services.

the finish illustration available on plunker.

any help on appreciated.

you had multiple tabset , tab directives, , 1 had in scripts file caused error

updated plunker

angularjs twitter-bootstrap