Ionic templates inside angular modules in MEAN application

I have a mean stack project which uses angular.module in its client part.

I have included the below libraries to the template… from my main .jade file

script(type='text/javascript', src='/lib/ionic/js/ionic.bundle.js')
    script(type='text/javascript', src='/lib/ionic/js/ionic-angular.js')
    link(href="/lib/ionic/css/ionic.css" rel="stylesheet")

When i run the project using node server, my template is loading but my ionic portion is not loading.

For eg: In my template

From base.html
<ion-tabs class="tabs-icon-top">
   <ion-tab title="My List" icon-on="ion-ios7-browsers" 
      icon-off="ion-ios7-browsers-outline" href="#/bucket/list">
      <ion-nav-view name="bucket-list"></ion-nav-view>
   <ion-tab title="Completed" icon-on="ion-ios7-checkmark" 
      icon-off="ion-ios7-checkmark-outline" href="#/bucket/completed">
      <ion-nav-view name="bucket-completed"></ion-nav-view>
<div class="ui column basic segment" ui-view>


Here, the text ‘From base.html’ is coming but the below ionic content is not coming

While running my page, from the ‘View source’ , I checked if the ionic library links (mentioned above) included are getting opened when I click the code url. Those were also fine.

When I checked inspect element, i can see those ion-tabs,ion-nav-view content. But in display, those items are not found.

Please let me know where I am wrong.