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: rm -f files starting with a digit
Answer: Something like this should do it:

$ rm [0-9]*


Remember you can always use echo with any globbing arguments prior to letting rm run with them.

$ echo [0-9]*
100 1,208.8 16.7 21.78 2.56 269.96 30 42.81 4.29 5.58 71.24 8 8.36


After running the rm command above:

$ ls
filter.sh  purchases.csv  README.md