djaney/angular-jquery-template.html

## angular-jquery-template.html
<html ng-app="app">
	<body>
		<div id="appBody" ng-controller="myController">

		</div>
		<script type="text/javascript">
		var app = angular.module('app',[]);
		function myController($scope){
			$scope.doSomething = function(){
				// do something here
			};

		}

		// jQuery's onReady
		jQuery(function($){
			// scroll event
			$(window).scroll(function() {
				// if scroll is in bottom
				if($(window).scrollTop() + $(window).height() == $(document).height()) {

					// get the scope
					var scope = angular.element($("#appBody")).scope();
					// call a scope method
					scope.doSomething();
					// apply
					if(!scope.$$phase) scope.$apply();
				}
			});
		});
		</script>
	</body>
</html>
	<html ng-app="app">
	<body>
	<div id="appBody" ng-controller="myController">

	</div>
	<script type="text/javascript">
	var app = angular.module('app',[]);
	function myController($scope){
	$scope.doSomething = function(){
	// do something here
	};

	}

	// jQuery's onReady
	jQuery(function($){
	// scroll event
	$(window).scroll(function() {
	// if scroll is in bottom
	if($(window).scrollTop() + $(window).height() == $(document).height()) {

	// get the scope
	var scope = angular.element($("#appBody")).scope();
	// call a scope method
	scope.doSomething();
	// apply
	if(!scope.$$phase) scope.$apply();
	}
	});
	});
	</script>
	</body>
	</html>