Looks like you are using Twitter's Bootstrap JS instead of Angular's version? You need angular's version so it works within the scope of angular, else angular doesn't know about changes made outside of it's scope and you will have lots of issues like this.
http://angular-ui.github.io/bootstrap/ On Friday, February 21, 2014 4:21:05 AM UTC-7, Rakesh Yakkihallimath wrote: > > The demo link of the code is as follows > http://plnkr.co/edit/IVw6tSxi0VjhT2ppnaDZ?p=preview > > > On Fri, Feb 21, 2014 at 1:01 PM, Rakesh Yakkihallimath > <[email protected]<javascript:> > > wrote: > >> Hi, >> >> I am doing single page app with multiple templates to be displayed using >> *AngularJS* & *Bootstrap*. >> >> The problem is : >> Whenever I use bootstrap elements like *carousel/accordion/etc* & on >> click of any of those *href links* it displays plain page instead of >> displaying the relevant content. >> >> PFA, >> >> I have taken demo code from the following link & added accordion in it. >> >> http://scotch.io/tutorials/javascript/single-page-apps-with-angularjs-routing-and-templating >> >> >> >> Regards, >> Rakesh >> >> >> > -- You received this message because you are subscribed to the Google Groups "AngularJS" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/angular. For more options, visit https://groups.google.com/groups/opt_out.
