Edit in JSFiddle

<div ng-controller="MainCtrl">
    {{greet}}!! {{whoami}}
    <div ng-controller="NavCtrl">
        {{greet}}!! {{whoami}}
    </div>
    <div ng-controller="SideCtrl">
        {{greet}}!! {{whoami}}
    </div>
</div>
function MainCtrl($scope) {
    $scope.whoami= "Main Controller";
    $scope.greet = "Hello";
}

function NavCtrl($scope) {
    $scope.whoami= "Nav Controller";
}

function SideCtrl($scope) {
    $scope.whoami= "Side Controller";
}