title: How to pass "this" with ng-click?
body: <p>I think I have done this before but I forgot how to do it. Here is what I want to accomplish:</p>
  
  <p>In the html, I have this setup:</p>
  
  <p><code>&lt;md-card ng-repeat="card in cards" data-link="{{card.link}}" ng-click="showCardDes(this)"&gt;</code></p>
  
  <p>In my Angular script, I set this up:</p>
  
  <pre><code>  $scope.showCardDes = function(e) {
      var tempUrl = $(e).attr('data-link');
      $mdDialog.show({
        controller: DialogController,
        templateUrl: tempUrl,
      });
    };
  </code></pre>
  
  <p>I also tried in html:</p>
  
  <p><code>&lt;md-card ng-repeat="card in cards" ng-click="showCardDes({{card.link}})"&gt;</code></p>
  
  <p>and in my Angular script:</p>
  
  <pre><code>  $scope.showCardDes = function(url) {
      $mdDialog.show({
        controller: DialogController,
        templateUrl: url,
      });
    };
  </code></pre>
  
  <p>I remember when I did it before it involved something with setting up a ng-model, but I seriously cannot find the documentation either online or in my hard drive. <code>&gt;.&lt;</code></p>
  
  <p>I forgot to mention I also tried this:</p>
  
  <p><code>&lt;md-card ng-repeat="card in cards" class="noselect hietim {{card.size}}" data-link="{{card.link}}" ng-click="showCardDes($event)" md-ink-ripple&gt;</code></p>
  
  <p>And in my Angular Script I used:</p>
  
  <pre><code>  $scope.showCardDes = function(event) {
      var tempUrl = $(event.target).attr('data-link');
      $mdDialog.show({
        controller: DialogController,
        templateUrl: tempUrl,
      });
    };
  </code></pre>
  
  <p>This will return:</p>
  
  <p><strong><em>Uncaught TypeError: Cannot read property 'hasAttribute' of undefined</em></strong></p>