Wie Sie nach ng-Modellen Ausschau halten, die mit ng-bind-html erstellt wurden
Ich brauche Hilfe bei einem mit ng-bind-html erstellten ng-Modell. Ich habe eine JSON-Datei auf dem Server, in der ich etwas HTML und einige Eingaben wie folgt habe:
* .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": {
...
}
}
}
Dann habe ich in meiner HTML-Datei etwas wie:
<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>
Und in meinem Angular-Controller habe ich den Ajax-Aufruf für die JSON-Datei:
Regler:
.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)});
}
Der HTML-Code ist ausgefüllt, aber ich kann $ watch nicht für das mit diesem Ansatz generierte Modell (q) verwenden.
Wie kann ich auf Änderungen an den auf diese Weise erstellten Modellen achten?
Danke im Voraus...