帶引導程序和角度的選項卡視圖

Question

我使用引導程序爲角模板製作了一個選項卡視圖。但是當我點擊該選項卡時，它會轉向角連接路由器，而不是轉到選項卡content.it可能是因爲我將它們作爲鏈接，但此時我真的不知道該如何解決此問題

<ul class="nav nav-tabs"> 
    <li class="active"><a href="#info-tab" data-toggle="tab">Where you heading <i class="fa"></i></a></li> 
    <li><a href="#address-tab" data-toggle="tab">Description<i class="fa"></i></a></li> 
</ul> 
<form id="rideForm" method="post" class="form-horizontal"> 
    <div class="tab-content"> 
     <div class="tab-pane active" id="info-tab"> 
      <div class="form-group"> 
       <label class="col-sm-2 control-label">From:</label> 
       <div class="col-sm-3"> 
        <input type="text" class="form-control" name="fullName" /> 
       </div> 
       <label class="col-sm-2 control-label">To:</label> 
       <div class="col-sm-3"> 
        <input type="text" class="form-control" name="Email" /> 
       </div> 
      </div> 

      <div class="form-group"> 
       <label class="col-sm-2 control-label">Time:</label> 
       <div class="col-sm-3"> 
        <input type="text" class="form-control" name="jobTitle" /> 
       </div> 
      </div> 
      <div id="ridebuttongroup" class="col-sm-5 col-sm-offset-3"> 
       <a href="#address-tab" data-toggle="tab"><button type="next" class="btn btn-default"> 
        <span class="glyphicon glyphicon-circle-arrow-right"></span> Next </button></a> 
      </div> 
     </div> 

     <div class="tab-pane" id="address-tab"> 
      <div class="form-group"> 
       <label class="col-sm-3 control-label">Description</label> 
       <div class="col-sm-5"> 
        <textarea rows="4" cols="50"></textarea> 
       </div> 
      </div> 


      <div id="ridebuttongroup" class="col-sm-5 col-sm-offset-3"> 
       <button type="submit" class="btn btn-default"> 
        <span class="glyphicon glyphicon-plane"></span> Ride</button> 
       <a href="#info-tab" data-toggle="tab"><button type="next" class="btn btn-default"> 
        <span class="glyphicon glyphicon-circle-arrow-left"></span> Previous </button></a> 
      </div> 
     </div> 
    </div> 

    <div style="margin: 15px"> 
    </div> 
</form> 

請大家幫忙！

Answer 1

快速變通解決這個問題補充：

target="_blank"

到你的鏈接。 Angular在幕後對你的鏈接做了些什麼，這就是你遇到這個問題的原因。

這是一個溫度。解決問題。

Answer 2

停止撞你靠着牆頭，只是使用http://angular-ui.github.io/bootstrap/