引導手風琴改道

Question

我有下面的代碼

<uib-accordion close-others="true" class="my-table"> 
      <div class="accordion-group"> 
       <div class="column-header accordion-heading"> 
        <div class="accordion-toggle"> 
         <div class="accordion-cell">column1</div> 
         <div class="accordion-cell">column2</div> 
         <div class="accordion-cell">Remove</div> 
        </div> 
       </div> 
      </div> 
      <uib-accordion-group ng-repeat="row in parentRows"> 
       <uib-accordion-heading class="accordion-heading"> 
        <div ng-click="loadAccordionContent(row)" class="accordion-row"> 
         <div class="accordion-cell">{{row.col1Val }}</div> 
         <div class="accordion-cell">{{row.col2Val }}</div> 
         <div class="accordion-cell"> 
          <button type="button" ng-click="removeRow(row)" 
            class="btn btn-sm cat-remove-button"> 
           Remove 
           <i class="glyphicon glyphicon-remove"> 
           </i> 
          </button> 
         </div> 
        </div> 
       </uib-accordion-heading> 

       <div>Some dynamic content</div> 
      </uib-accordion-group> 
     </uib-accordion> 

這個當我點擊這個代碼被重新路由到我的應用程序的主頁按鈕。爲什麼會這樣？我期待它調用removeRow（row）來移除該行並更新parentRows。

Answer 1

更改

removeRow(row) 

到

removeRow(row, $event) 

，並在我的函數的開頭添加這下面的代碼解決了這個問題

 if ($event) { 
     $event.stopPropagation(); 
     $event.preventDefault(); 
    }