title: AngularJS ng-click not working
body: <p>I'm using AngularJS 1.4.2 (with Angular Material) and I'm trying to implement a save function. However, ng-click is not firing on my button.
  Here is my HTML code:</p>
  
  <pre><code>&lt;div ng-controller="ModelEditController" class="col-lg-12 fontArial slide" ng-repeat="mdl in model"&gt;
      &lt;md-content layout-padding&gt;
              &lt;form name="modelEditForm" novalidate role="form" unsaved-warning-form&gt;
              &lt;md-input-container flex style="width:100%"&gt;
                          &lt;label&gt;Name&lt;/label&gt;
                          &lt;input required name="model_name" ng-model="mdl.model_name" maxlength="100"&gt;
                  &lt;/md-input-container&gt;
  
          &lt;/form&gt;
      &lt;/md-content&gt;
  
      &lt;div class="panel-footer footer" ng-controller="TestController"&gt;
          &lt;md-button class="md-fab md-primary md-hue-2" aria-label="Save" ng-click="editModel(mdl)"&gt;
                      &lt;md-icon md-svg-src="/img/icons/save.svg"&gt;&lt;/md-icon&gt;
          &lt;/md-button&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And here is my javascript code:</p>
  
  <pre><code>var myApp = angular.module('myApp', ['ui.bootstrap', 'ui.router', 'ngCookies', 'ng-sortable', 'vAccordion', 'ngRoute', 'ngAnimate', 'fiestah.money', 'uiSwitch','ngMaterial','ngMessages','unsavedChanges'])
  });
  
  
  myApp.controller('TestController', ['$scope', 'ModelService', function ($scope,ModelService){
  
          function editModel(xMdl) {
              console.log("Inside edit model");
  
          }
  
      }]);
  </code></pre>
  
  <p>The "Inside edit model" text is not being output to the console. Why would the ng-click not be working?</p>