title: Find/Get parent element in action with angularjs
body: <p>I have a div structure with button inside. i.e.</p>
  
  <pre><code>&lt;div ng-app="example"&gt;
      &lt;div class="parent" data-image="1" ng-controller="ParentCtrl"&gt;
          &lt;div class="child" data-image="2"&gt;
              &lt;div style="overflow:hidden; margin-right:10px;"&gt;
                  &lt;input type="button" value="Press me" class="button-one" ng-click="doSomething()" /&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And I would like to get data-* attribute values from where I will need to.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  var Example = angular.module('example', []);
  
  Example.controller('ParentCtrl', ['$scope', function($scope)
  {
      $scope.doSomething = function()
      {
          // want to get data-* attribute value from .parent/.child element
      };
  }]);
  &lt;/script&gt;
  </code></pre>
  
  <p>Does action know what event on what element triggered it? If so then how to access this element, to find needed parent?</p>