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>
<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>
</ion-tab>
</ion-tabs>
<ion-nav-view></ion-nav-view>
<div class="ui column basic segment" ui-view>
</div>
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.
Regards,
Sabarisri