I have two controls : Left Side Navigation and the right pane that changes the content on clicking of any item on left navigation. 

Here is the html (angular view):

&lt;nav class="navigation"&gt;
        &lt;ul class="list-unstyled" ng-controller="NavigationController as navigation"&gt;
            &lt;li ng-repeat="nav in navigation.tabs" class="has-submenu"&gt;
                &lt;a href="#" ng-click="navigation.changeContent(nav.name)"&gt;{{nav.name}}&lt;/a&gt;
                &lt;ul class="list-unstyled" ng-show="nav.subNav"&gt;
                    &lt;li ng-repeat="subnav in nav.subNav"&gt;&lt;a href="#" ng-click="navigation.changeContent(subnav.name)"&gt;{{subnav.name}}&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
            &lt;/li&gt;
        &lt;/ul&gt;
    &lt;/nav&gt;

&lt;section class="content" ng-controller="ContentSwitcher as content"&gt;
{{content.tab}}
&lt;div class="warper container-fluid" &gt;
&lt;div class="container-scroll"&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;


And here is the controller

(function () {
    var app = angular.module('provisioning', []);

    app.service('contentService',function(){
       var tab = 'Dashboard';
        return {
            getTab : function(){ return tab; },
            setTab : function(value){ tab = value}
        }
    });
    app.controller('NavigationController',['contentService','$log', function(cs,log){
        this.tabs = [
            {
                name: 'Dashboard'
            },
            {
                name: 'Manage',
                subNav: [
                    {
                        name: 'Account'
                    },
                    {
                        name: 'Facility'
                    },
                    {
                        name: 'Doctors'
                    },
                    {
                        name: 'Patients'
                    },
                    {
                        name: 'Nurses'
                    },
                    {
                        name: 'Device Inventory'
                    }

                ]
            },
            {
                name: 'Health Tracker'
            },
            {
                name: 'Reports'
            },
            {
                name: 'Settings'
            },
            {
                name: 'Logout'
            }
        ];
        var template = this;
        this.changeContent = function(tab){
            cs.setTab(tab);
        }
    }]);
    app.controller('ContentSwitcher', ['contentService',function(cs){
        this.tab = cs.getTab();
    }]);
})();


Also, is it best way to achieve what I intend to do in angularjs? I created a service and shared the variable in the two different controllers. However it doesn't work. The content on right never gets updated on clicking any of the item on left menu.


Question: Stocks and Bankruptcy
Answer: As Mhoran said, the risks of buying a bankrupt company are huge, and even successful bankruptcy turnarounds don't involve keeping the same stock. For instance, the GM bankruptcy was resolved by the company more or less selling all its valuable assets (brands, factories, inventory) to a new version of itself, using that money to pay off what liabilities it could, and then dissolving. The new company then issued new stock, and you had to buy the new stock to see it rise; the old stock became worthless.

AA could have gone the same way; Delta could have bought it out of bankruptcy and consumed it outright, with any remaining shareholders being paid off at market value. That's probably the best the market was hoping for. Instead, the deal is a much more equal merger; AMR brings a very large airport network and aircraft fleet to the table, and Delta brings its cash, an also-considerable fleet and network, and a management team that's kept that airline solvent. The stockholders, therefore, expect to be paid off at a much higher per-share price, either in a new combined stock, in Delta stock, or in cash.