Question

在anagulr js中我怎么能停止选择选项上的事件传播。我有下表。在这里我有选择放在行上的选项。我在行上点击事件。当我选择选项它触发行点击事件我我想防止这种情况。

<table>
    <tr onclick="callme()">
        <td>
            <select ngChange="callup()">
                <option>1</option>
                <option>2</option>
             </select>
        </td>
    </tr>
</table>

Answer 1

在callme（）函数中传递事件 -

  <table>
     <tr onclick="callme($event)">
      <td>
         <select ngChange="callup()">
           <option>1</option>
           <option>2</option>
        </select>
       </td>
     </tr>
   </table>

    $scope.callMe= function($event) {
       $event.stopPropagation();
    }

Answer 2

首先，您应该使用ng-click和ng-change而不是onclick和ngchange

<table>
<tr ng-click="callme()">
  <td>
    <select ng-change="callup()">
      <option>1</option>
      <option>2</option>
    </select>
  </td>
</tr>
</table>

您可以通过向函数添加$ event来停止，如下所示，

 <table>
     <tr ng-click="callme($event)">
      <td>
         <select ng-change="callup()">
           <option>1</option>
           <option>2</option>
        </select>
       </td>
     </tr>
   </table>

并在控制器中，

    $scope.callMe= function($event) {
       $event.stopPropagation();
    }

停止角度js中选择选项的事件支持

2 个答案: