[Forms] Use ng-model for tree state

Use ng-model when communicating state to/from the
tree in browse mode. This will simplify implementation
of the Locator control, which also uses a tree, but
which should not set navigation state. WTD-593.

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

@@ -1,6 +1,6 @@
 <div content="jquery-wrapper" class="abs holder-all browse-mode">
     <mct-include key="'topbar-browse'"></mct-include>
-    <div class="holder browse-area outline abs" ng-controller="BrowseController as browse">
+    <div class="holder browse-area outline abs" ng-controller="BrowseController">
         <div class='split-layout vertical contents abs'>
             <div class='split-pane-component treeview pane' style="width: 200px;">
                 <mct-representation key="'create-button'" mct-object="navigatedObject">
@@ -8,7 +8,7 @@
                 <div class='holder tree-holder abs'>
                     <mct-representation key="'tree'"
                                         mct-object="domainObject"
-                                        parameters="{callback: browse.setNavigation}">
+                                        ng-model="treeModel">
                     </mct-representation>
                 </div>
             </div>

platform/commonUI/browse/src/BrowseController.js

@@ -24,6 +24,7 @@ define(
             // that is currently navigated-to.
             function setNavigation(domainObject) {
                 $scope.navigatedObject = domainObject;
+                $scope.treeModel.selectedObject = domainObject;
             }
 
             // Load the root object, put it in the scope.
@@ -48,30 +49,22 @@ define(
                 }
             });
 
+            // Provide a model for the tree to modify
+            $scope.treeModel = {
+                selectedObject: navigationService.getNavigation()
+            };
+
             // Listen for changes in navigation state.
             navigationService.addListener(setNavigation);
 
+            // Also listen for changes which come from the tree
+            $scope.$watch("treeModel.selectedObject", setNavigation);
+
             // Clean up when the scope is destroyed
             $scope.$on("$destroy", function () {
                 navigationService.removeListener(setNavigation);
             });
 
-            return {
-                /**
-                 * Navigate to a specific domain object.
-                 *
-                 * This is exposed so that the browse tree has a callback
-                 * to invoke when the user clicks on a new object to navigate
-                 * to it.
-                 *
-                 * @method
-                 * @memberof BrowseController
-                 * @param {DomainObject} domainObject the object to navigate to
-                 */
-                setNavigation: function (domainObject) {
-                    navigationService.setNavigation(domainObject);
-                }
-            };
         }
 
         return BrowseController;