Binding to an AngularJS Controller

by ncapito

HTML

<script src="https://code.jquery.com/jquery-2.2.0.js"></script>
 <div id='content-here'>
    
 </div>

JavaScript

angular.module('myApp', []);
angular.module('myApp').controller('NixCtrl',NixCtrl);


function NixCtrl($scope){
	$scope.test = "Hello there Angular!"
}

document.addEventListener("DOMContentLoaded", contentLoaded);

function contentLoaded(){
	var template = ' <div ng-app="myApp"><div ng-controller="NixCtrl">{{test}} </div>	</div>';
  
	$('#content-here').html(template);
   angular.bootstrap($('#content-here'), ['myApp']);
}