Как наблюдать за ng-моделью, созданной с помощью ng-bind-html
Мне нужна помощь с ng-моделью, созданной с помощью ng-bind-html. У меня есть файл JSON на сервере, в котором у меня есть некоторые HTML и некоторые входные данные, как это:
* .json
{
"test": {
"1": {
"question":"<span>1. something:</span>",
"options":"<input type='radio' name='q1' ng-model='q.1' value='a'>a) op 1<br><input type='radio' name='q1' ng-model='q.1' value='b'>b) op 2<br><input type='radio' name='q1' ng-model='q.1' value='c'>c) op 3<br><input type='radio' name='q1' ng-model='q.1' value='d'>d) op 4<br><input type='radio' name='q1' ng-model='q.1' value='e'>e) op 5<br>",
"answer":"c"
},
"2": {
...
}
}
}
Тогда в моем HTML-файле у меня есть что-то вроде:
<div class="testContent">
<div class="test">
<div class="questions" ng-repeat="qs in questions" ng-show="questions.length">
<div ng-bind-html="qs.question"></div>
<div class="options" ng-bind-html="qs.options">
</div>
</div>
</div>
<br>
<div class="nextBtn">
<a href="#test/6" class="btn btnNext" ng-click="save()"> continue ></a>
</div>
</div>
И в моем контроллере Angular у меня есть вызов ajax для файла JSON:
контроллер:
.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)});
}
HTML заполнен, но я не могу использовать $ watch для модели (q), сгенерированной с помощью этого подхода.
Как я могу $ следить за изменениями в моделях, созданных таким образом?
Заранее спасибо...