Angular: Empty Fiddle
http://angularjs.org/
HTML
<div ng-controller="MyCtrl">
<div ng-if="render" ng-show="show" ng-controller="HeavyCtrl">Heavy content...</div>
<div ng-click="toggle()">Toggle</div>
</div>
JavaScript
var myApp = angular.module('myApp',[]);
function MyCtrl($scope) {
$scope.toggle = function() {
$scope.render = true;
$scope.show = !$scope.show;
};
}
function HeavyCtrl($scope) {
console.log('Heavy Called');
}