带引导程序和角度的选项卡视图

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/