title: Angularjs DOM is refreshed but screen is not redrawing. Not sure where to go from here
body: <p>I am having a very troubling problem where ng-click updates the expected scope variables,  the scope variables appear to change on the DOM ( when viewed via the chrome debugger) but the dom elements that have changed are not redrawn in the browser.  I have noticed across multiple browsers and devices BUT ONLY WHEN THE SCREEN WIDTH IS BELOW 768.  I am using angular version 1.2.6.  Has anyone come across this type of issue??</p>
  
  <p>I have simplified the code to try to isolate and confirm what is happening.  Here is the code in its simplified version:</p>
  
  <p>First the view:</p>
  
  <pre><code>&lt;section class="stream-area"&gt;
  &lt;div class="group"&gt;        
      &lt;div class="gw-fixed-top-panel"&gt;
          &lt;div  class="group-heading "&gt;
              &lt;div class="panel-title"&gt;
                  &lt;span class="fleft name" ng-click="usergroup.collapsed=!usergroup.collapsed"&gt; CLICK HERE &lt;/span&gt;
                      &lt;a ng-show="usergroup.collapsed" title="Click to edit group" &gt;&lt;i class="fa fa-cog"&gt;&lt;/i&gt;&lt;/a&gt;
  
                      &lt;a ng-hide="usergroup.collapsed" title="Click to edit group" &gt;&lt;i class="fa fa-chevron-up"&gt;&lt;/i&gt;&lt;/a&gt;
  
                  &lt;div&gt; {{usergroup.collapsed}}&lt;/div&gt;                           
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>The controller does nothing at this point...</p>
  
  <pre><code>'use strict';
  (function () {
  var groupController = function($scope) {
      $scope.usergroup={};
      $scope.usergroup.collapsed=true;
  };
  myOverall.myApp.controller('GroupController',['$scope', groupController]);
  }());
  </code></pre>
  
  <p>The controller is invoked by via .config:
  (function () {
      golfWire.gwWebApp =angular.module('gwWebApp', [
          'ngRoute',
          'ngAnimate',
          'ngResource',
          'ui.bootstrap',
          'firebase',
          'LocalStorageModule',
           'ngGrid'
      ]);</p>
  
  <pre><code>myOverall.myApp
      .config(['$routeProvider','$locationProvider', function($routeProvider, $locationProvider) {
          $routeProvider
          .when('/group/view', {
              controller: 'GroupController',
              templateUrl: '/app/views/group.html'
            })
            .otherwise({
              redirectTo: '/main'
            });
      /* $locationProvider.html5Mode(true); */
  }]);
  </code></pre>