SORU
30 Kasım 2013, CUMARTESİ


AngularJS-click, ng stopPropagation

Bir tablo satırı tıklayın bir Olay var ve bu sırada da click Olayı ile bir silme Düğmesi vardır. Ben Sil düğmesini tıklatın satır Olayı da kovuldu. İşte benim kod.

    <tbody>
      <tr ng-repeat="user in users" class="repeat-animation" ng-click="showUser(user, $index)">
        <td>{{user.firstname}}</td>
        <td>{{user.lastname}}</td>
        <td>{{user.email}}</td>
        <td><button class="btn red btn-sm" ng-click="deleteUser(user.id, $index)">Delete</button></td>              
      </tr>
    </tbody>

Nasıl showUser Olay ben tabloda delete tuşuna tıkladığınızda ateş önlemek hücre miyim?

CEVAP
30 Kasım 2013, CUMARTESİ


ngClick Direktifi (yanı sıra diğer tüm olay direktifleri) aynı kapsam üzerinde mevcut olan 3 ** değişken oluşturur. Bu değişken bir referans event nesne JS ve stopPropagation() çağırmak için kullanılabilir:

<table>
  <tr ng-repeat="user in users" ng-click="showUser(user)">
    <td>{{user.firstname}}</td>
    <td>{{user.lastname}}</td>
    <td>
      <button class="btn" ng-click="deleteUser(user.id, $index); $event.stopPropagation();">
        Delete
      </button>
    </td>              
  </tr>
</table>

PLUNKER

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • ColdfusTion

    ColdfusTion

    3 Aralık 2007
  • LivestrongWoman

    LivestrongWo

    1 Aralık 2011
  • Mr_BrettHooge

    Mr_BrettHoog

    3 Ocak 2011