title: ng-click not firing even I registered the function in controller
body: <p>Hi I am working on an app and get the problem. I checked console but no error messages.</p>
  
  <p>I created a component and I insert it into other template. Template itself is working(button is rendered and I inspected the element ng-click attribute is there) but when I click on the button. the function is not fired.</p>
  
  <p>The project is availiable here: <a href="https://github.com/Aozaki-Touko/webApplication-dota2hero/tree/master/app" rel="nofollow noreferrer">https://github.com/Aozaki-Touko/webApplication-dota2hero/tree/master/app</a></p>
  
  <p>navbar.component.js:</p>
  
  <pre><code>"use strict";
  
  angular.module("navbar").component("navbar", {
    templateUrl: "/navbar/navbar.template.html",
    controller: [
      "$location",
      function($location) {
        var self=this;
        self.changeToHeroes = function(){
          alert("Button Pressed!");
          $location.path("/heroes");
        };
      }
    ]
  });
  </code></pre>
  
  <p>navbar.template.html:</p>
  
  <pre><code>&lt;button type="button" ng-click="$ctrl.changePathToHeroes()"&gt;Heroes&lt;/button&gt;
  </code></pre>
  
  <p>navbar.module.js:</p>
  
  <pre><code>"use strict";
  
  angular.module("navbar",[]);
  </code></pre>