[Browse] Separate out back-arrow behavior

Supports integration of changes for mobile, nasa/openmct#95

platform/commonUI/browse/res/templates/back-arrow.html

@@ -21,8 +21,7 @@
 -->
 
 <!-- Back Arrow Icon used on mobile-->
-<a ng-controller="BrowseController"
+<a ng-controller="BackArrowController"
       class='type-icon icon ui-symbol s-back'
-      ng-class="checkRoot(); atRoot ? 'hidden' : ''"
-      ng-click='backArrow()'>{
-</a>
+      ng-hide="atRoot"
+      ng-click='navigateToParent()'>{</a>

platform/commonUI/browse/res/templates/browse-object.html

@@ -22,7 +22,9 @@
 <span ng-controller="BrowseObjectController">
     <div class="object-browse-bar bar l-flex">
         <div class="items-select left">
-            <mct-representation key="'back-arrow'" class="l-back"></mct-representation>
+            <mct-representation key="'back-arrow'"
+                                mct-object="domainObject"
+                                class="l-back"></mct-representation>
             <mct-representation key="'object-header'" mct-object="domainObject">
             </mct-representation>
         </div>