Angular: Controller Inheritance

http://angularjs.org/

HTML

<script type="text/javascript" ng:autobind src="http://code.angularjs.org/0.10.5/angular-0.10.5.js"></script>

<p>Good {{timeOfDay}}, {{name.name}}!</p> 

<div ng:controller="ChildCtrl"> 
    <p>Good {{timeOfDay}}, {{name.name}}!</p> 

    <p ng:controller="BabyCtrl">Good {{timeOfDay}}, {{name}}!</p> 
</div>

JavaScript

function MainCtrl() {
    this.timeOfDay = 'morning';
    this.name = {name: 'Nikki'};
}

function ChildCtrl() {
   this.name.name = "Harry";
}

function BabyCtrl() {
    this.timeOfDay = 'evening';
    this.name = 'Gingerbreak Baby';
}