AngularJS Example:

HTML

<div ng-app>
<div ng-controller="post">
  <div ui-if="isAllowed">
    <footer ng-controller="footer">
        {{secondFoo}}
    </footer>
  </div>
</div>
</div>

CSS

</style> <!-- Ugly Hack due to jsFiddle issue: http://goo.gl/BUfGZ --> 
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="http://code.angularjs.org/angular-1.0.1.min.js"></script>
<style>

JavaScript

function post($scope) {
    $scope.foo = 'Scope post';
}

function footer($scope) {
    $scope.secondFoo = $scope.foo + " and scope footer"
}