Preserving state of sub menu in AngularJS application using ui-router

Question

I have an application with 3 menu items, each one has a number of submenu items. Each menu or sub-menu item is presented as a tab to the user.

I am using angular ui-route