angularjs 中的路由 與 bootstrap標籤選項卡的衝突 解決方案

標籤：成功   選項   tst   選項卡   寫法   ima   分享圖片   更改   bsp   

當項目中使用了angularjs 的路由，則所有 像a標籤的href 的連結都會走路由，實現頁面跳轉，那麼有些地方需要使用選項卡，就會帶來麻煩。

路由使用如：

某頁面需要使用bootstrap的選項卡，如：

 

此時，點擊選項卡，頁面就跳轉了，是不能正常工作的。

解決此問題，只需將href更改為data-target即可：

 

問題成功解決。

然而，網上也有說tab標籤使用時，在#id前加 / ，即寫成href=="/#home" 的形式，但通過測試，此方式行不通，不知是否沒理解真正寫法。

 

angularjs 中的路由 與 bootstrap標籤選項卡的衝突 解決方案