父DIV也是孩子DIV NG單擊

Question

我有下面的代碼：

 <table class="table"> 
      <tr> 
       <th>Name___</th> 
      </tr> 
      <tr ng-repeat="app in apps" 
       ng-click="go('/editApp/' + plugin.name);"> 

       <td> 
        <span>{{app.name}}</span> 
       </td> 
       <td style="width: 100px;"> 
        <i class="glyphicon glyphicon-pencil" 
           ng-click="openPopup(app)"></i> 
       </td> 
      </tr> 
     </table> 

當我點擊OpenPopup，也是go（）方法燒製，我怎麼能做到這一點，如果我點擊彈出窗口彈出只會觸發？

Answer 1

此執行，因爲嵌套在<tr>你<td>，並單擊首先解僱openPopup()

然後燒製go()。您可以使用$event.stopPropagation()將停止事件傳播至<tr>。 嘗試

 <table class="table"> 
     <tr> 
      <th>Name___</th> 
     </tr> 
     <tr ng-repeat="app in apps" 
      ng-click="go('/editApp/' + plugin.name);"> 

      <td> 
       <span>{{app.name}}</span> 
      </td> 
      <td style="width: 100px;"> 
       <i class="glyphicon glyphicon-pencil" 
          ng-click="openPopup(app);$event.stopPropagation()"></i> 
      </td> 
     </tr> 
    </table>