title: Why does ng-click not fire in components template?
body: <p>I am picking up Angular for a project of mine and am having trouble getting my first steps right.</p>
  
  <p>Specifically, I can get a list of items to display via a component and appropriate template, but I can not figure out how to trigger ng-click events using the component model. Many similar problems to this have been answered on SO but I have followed the many corrections and suggestions without progress and need some advice.</p>
  
  <pre><code>file: customerList.js
  function CustomerListController($scope, $element, $attrs, $http) {
      this.customerList = [
          { name: 'Arya' },
          { name: 'No One' },
      ];
  
      this.yell = function(customer) {
          console.log("customer customer, we've got a click");
      };
  }
  
  angular.module('myApp').component('customerList', {
      templateUrl: 'customerList.html',
      controller: CustomerListController,
  });
  </code></pre>
  
  <p>And its template:</p>
  
  <pre><code>file: customerList.html
  &lt;div class="customer"
      ng-repeat="customer in $ctrl.customerList"
      customer="customer"
      ng-click="$ctrl.yell(customer);"&gt;
          Welcome home, {{customer.name}}!
  &lt;/div&gt;
  </code></pre>
  
  <p>Even when I set <code>ng-click="console.log('click detected');"</code>, I get no console log.</p>
  
  <p>I believe this is sufficient information to diagnose but please let me know if you need more.</p>
  
  <p>Thanks!</p>