title: ng-click do not work when a template bound using ng-bind-html-unsafe
body: <p>Why below input button do not call <code>login()</code> function inside <code>InitCtrl</code> controller? </p>
  
  <pre><code>&lt;html lang="en" ng-app="mvc-module" class="ng-scope"&gt;&lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;Sign in&lt;/title&gt;
      &lt;script src="/SpringMVC/static/todo.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div ng-controller="InitCtrl" ng-bind-html-unsafe="mainPage" class="ng-scope ng-binding"&gt;
      &lt;!------ this part of code is injected by binding model of Angularjs --&gt; 
  &lt;div class="container"&gt;
      &lt;input type="button" ng-click="login()" value="Sign in" class="btn btn-large btn-primary"&gt;
  &lt;/div&gt;
      &lt;!--- end of injection ---&gt;
  &lt;/div&gt;
  &lt;/body&gt;&lt;/html&gt;
  </code></pre>
  
  <p>and this is <code>todo.js</code> :</p>
  
  <pre><code>function InitCtrl($scope, $http) {
  
      $scope.login = function () {
      console.log("In login!");
      $http.post("login", {password: $scope.password, username: $scope.username}).
          success(function (data, status, headers, config) {
              $scope.mainPage = data;
              console.log("successfully logged to login");
          }).error(function (data, status, headers, config) {
              console.log("error in post");
          });
  
      };
  
      $http.get("login").success(function (data, status, headers, config) {
      $scope.mainPage = data;
      });
  }
  </code></pre>
  
  <p>And this is not working fiddler version of the problem <a href="http://jsfiddle.net/pooyaho/M8krc/4/" rel="nofollow">http://jsfiddle.net/pooyaho/M8krc/4/</a></p>