JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<script src="//code.jquery.com/jquery-1.9.1.min.js"></script>
<div ng-app="myApp" ng-controller="HomeCtrl">
<div data-ng-click="hideElement($event)">Hide me 1</div>
<div data-ng-click="hideElement($event)">Hide me 2</div>
<div data-ng-click="hideElement($event)">Hide me 3</div>
</div>
CSS
div {
padding: 5px;
border: 1px solid silver;
margin: 5px;
}
JavaScript
var myApp = angular.module('myApp', []);
myApp.controller('HomeCtrl', function($scope, $element) {
$scope.hideElement = function($event) {
$($event.target || $event.srcElement).hide();
}
});