AngularJS Example

by pmorch

HTML

<script src="http://code.angularjs.org/1.2.5/angular.min.js"></script>
<div ng-app="" id='content' ng-controller='RefreshCtrl'>
  <div id='dynamicContent'>
      <button ng-click="count = count + 1" ng-init="count=0">
        Increment
      </button>
      <span>count: {{count}} </span>
  </div>
  
  <button id='refreshButton'>
    Refresh
  </button>
</div>

CSS

.ng-invalid { border: 1px solid red; }

JavaScript

window.RefreshCtrl= function($scope,$compile){
    $scope.refresh = function(){
        $("#dynamicContent").html(
          $compile(
            "<button ng-click='count = count + 1' ng-init='count=0'>Increment</button><span>count: {{count}} </span>"
          )($scope));
        $scope.$apply();
    }
}
        
$(document).ready(function(){
   $("#refreshButton").click(function() {
      var scope = angular.element('#dynamicContent').scope();
      scope.refresh();
    });
            
});