title: Can you bind data from one scope to update when another changes in angularJS
body: <p>My web app depends on one specific variable changing throughout the user's visit.  It controls what data the user will see at any given time, essentially akin to a TAG.</p>
  
  <p>If the <code>$scope.tagid = 1</code>, is it possible to have another angular model to instantly update its own dataset when tagid is changed to $scop.tagid = 2?</p>
  
  <pre><code> &lt;script &gt;
  function PageCtrl($scope) {
    $scope.text = '&lt;?=$tagid?&gt;';
  }
   $scope.showThread = function(tagid) {
   $http({method: 'GET', url: 'api/example/thread/id/' + tagid}).
        success(function(data, status, headers, config) {
            $scope.appDetail = data;               //set view model
            $scope.view = './Partials/detail.html'; //set to detail view
        }).
        error(function(data, status, headers, config) {
            $scope.appDetail = data || "Request failed";
            $scope.status = status;
            $scope.view = './Partials/detail.html';
        });
   }
  &lt;/script&gt;
      &lt;div ng-controller="PageCtrl"&gt;
          &lt;input ng-model='text' /&gt;
        &lt;ul&gt;
          &lt;li &gt;
            &lt;span&gt;{{text}}&lt;/span&gt;
          &lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Above is the skeleton of what i'm looking to do. </p>
  
  <p>I realize that if I wanted to, I could call showThread() after each user action and update the data...however, because of the awy I'm looking to set up the site, It makes more sense to only change the tagid, then have everything else update immediately after, rather than picking and choosing each part of the site I want to update.  i.e. there may, in addition to showThread(), be updateHeader(), changeSidebar() etc.  </p>
  
  <p>Thanks!</p>