title: How to watch for ng-model created with ng-bind-html
body: <p>I need some help with an ng-model created with ng-bind-html. I have a JSON file in the server in which I have some html and some inputs like this:</p>
  
  <p>*.json</p>
  
  <pre><code>{  
    "test": {
      "1": {
        "question":"&lt;span&gt;1. something:&lt;/span&gt;",
        "options":"&lt;input type='radio' name='q1' ng-model='q.1' value='a'&gt;a) op 1&lt;br&gt;&lt;input type='radio' name='q1' ng-model='q.1' value='b'&gt;b) op 2&lt;br&gt;&lt;input type='radio' name='q1' ng-model='q.1' value='c'&gt;c) op 3&lt;br&gt;&lt;input type='radio' name='q1' ng-model='q.1' value='d'&gt;d) op 4&lt;br&gt;&lt;input type='radio' name='q1' ng-model='q.1' value='e'&gt;e) op 5&lt;br&gt;",
        "answer":"c"
      },
      "2": {
          ...
      }
    }
  }
  </code></pre>
  
  <p>Then in my HTML file I have something like:</p>
  
  <pre><code>&lt;div class="testContent"&gt;
          &lt;div class="test"&gt;
              &lt;div class="questions" ng-repeat="qs in questions" ng-show="questions.length"&gt;
                  &lt;div ng-bind-html="qs.question"&gt;&lt;/div&gt;
                  &lt;div class="options" ng-bind-html="qs.options"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;br&gt;
          &lt;div class="nextBtn"&gt;
              &lt;a href="#test/6" class="btn btnNext" ng-click="save()"&gt; continue &gt;&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>And in my Angular controller I have the ajax call for the JSON file:</p>
  
  <p>controller: </p>
  
  <pre><code>.controller('testCtrl', ['$scope', '$http', 'myService', '$sce', 
  function($scope, $http, myService, $sce, ){
      $http.get(urls.url_otis).success(function(data, status){                
              angular.forEach(data.test, function(value, key){                    
                  var q = data.test[key];
                  q[key] = key;
                  q.question = $sce.trustAsHtml(q.question);                    
                  q.options = $sce.trustAsHtml(q.options);
  
                  $scope.questions.push(q);
              });
      }).error(function(data, status){console.log(status)});
  }
  </code></pre>
  
  <p>The html is populated but I cannot use $watch for the model (q) generated with this approach.</p>
  
  <p>How can I $watch for changes in the models created in this way?</p>
  
  <p>Thanks in advance...</p>