0

Until my contact page was a static HTML ie contact.html the bootstrap component tab, carousel etc work fine

as soon as I used ngRoute, routing to a partial view these components functionality no longer worked. is anyone ever had this issue?

sKhan
  • 9,694
  • 16
  • 55
  • 53
anuloo
  • 15
  • 10
  • I'm having the same problem... I believe you/we need to wire up Bootstrap components using JavaScript. $('#myModal').modal(options) type stuff. – Desorder Feb 03 '16 at 20:51
  • do you mean using jqurey on top of the default bootstrap.js? – anuloo Feb 03 '16 at 20:56
  • Maybe... I think it's not supposed to mix angular and jquery as a best practice but I'm still baby steps here so it might be better to wait for someone that actually knows about the business here :) – Desorder Feb 03 '16 at 23:56
  • i heard we could use the [angular bootstrap-ui](https://github.com/angular-ui/bootstrap) – anuloo Feb 04 '16 at 00:53
  • Here is a link I found some time ago. That might help. https://scotch.io/tutorials/how-to-correctly-use-bootstrapjs-and-angularjs-together – Desorder Feb 04 '16 at 01:19
  • yep i looked at that before that is why i said it needs angular bootstrap ui – anuloo Feb 04 '16 at 10:32

1 Answers1

0

After a little research, I found out that Twitter bootstrap style works out of the box with AngularJS.

However, to use components that rely on javascript, you need to go to other frameworks.

Bootstrap part of Angular UI has some "migrated" components you can use. I tried a few and they work straight out of the box. (copied and pasted examples given with the components)

Quantum UI also has some nice working components. I tried a few and I'm personally thinking of using those instead.

Desorder
  • 1,549
  • 12
  • 16