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

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

路由使用如下圖：

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

 

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

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

 

問題成功解決。

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