If any DOM element content changes, how will you identify it ?. You can do it in this way, Hold whole DOM element content in one scope variable, and watch that variable. You can bind html content of DIV using ng-bind-html

Markup 

Here div element content bound to  divHtmlVar
<div ng-bind-html="divHtmlVar"></div>

Script

Watching divHtmlvar
var myApp = angular.module('myApp', ['ngSanitize'])
function myCtrl($scope) {
    $scope.count = 0;
    $scope.divHtmlVar = '<b>main html</b>';
    $scope.appendText = function() {
      $scope.divHtmlVar = $scope.divHtmlVar + '<br/><i>appended text</i>';  
    }
    $scope.prependText = function() {
      $scope.divHtmlVar = '<i>prepended text</i><br/>' + $scope.divHtmlVar;  
    }
    $scope.$watch('divHtmlVar', function(){
        $scope.count = $scope.count + 1;
    });
}

0 comments:

Blogroll

Follow this blog by Email

Popular Posts