父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>