title: AngularJS not writing $scope variables to view
body: <p>I have a very strange issue. Using AngularJS 1.5.8. With previous versions it didn't work either. Functions like ng-bind, ng-model, ng-submit work fine.</p>
  
  <p>Click on "Inschrijven" <a href="http://adr-opleiding.ismiami.com/" rel="nofollow">http://adr-opleiding.ismiami.com/</a>, second step "Postcode" and enter e.g. 1000. It will display Amsterdam. I used a div element w/ ng-bind="city". If I use {{city}} it will always display {{city}}. I can't get it to update from a controller.</p>
  
  <pre><code>angular.module('app', []).controller('HomeController', ['$rootScope', '$scope', '$stateParams', function($rootScope, $scope, $stateParams) {
  $scope.$on('$viewContentLoaded', function() {
      $scope.app.settings.htmlClass = $stateParams.htmlClass.website;
      $scope.app.settings.bodyClass = '';
  });
  }])
  .controller('WizCtrl', ['$scope', '$http', function($scope, $http) {
  $scope.city = '';
  
  $scope.printCity = function(){
  
      if($scope.postcode.length == 4) {
          $http({
              method: 'POST',
              url: '/db/get.php',
              data: {  action: 'retCity', zip: $scope.postcode }
          })
          .then(function success(response) {
              $scope.city = response.data.city;
          }, function error(response) {
  
          });
      }
  }
  }]);
  </code></pre>
  
  <p>And here's the HTML:</p>
  
  <pre><code>              &lt;div class="form-group"&gt;
                  &lt;label for="wiz-postcode" class="col-xs-4 control-label"&gt;Postcode:&lt;/label&gt;
                  &lt;div class="col-xs-3"&gt;
                    &lt;input class="form-control" type="text" name="wiz-postcode" id="wiz-postcode" style="width: 80px;" placeholder="Postcode" ng-keyup="printCity()" ng-model="postcode" onblur="this.value=this.value.toUpperCase()" /&gt;
                  &lt;/div&gt;
                  &lt;div class="col-xs-5" ng-bind="city" style="padding-top: 8px; font-size: 1.1em;"&gt;&lt;/div&gt;
                &lt;/div&gt;
  </code></pre>
  
  <p>At the very top of the HTML I have a div element w/ the controller:</p>
  
  <pre><code>&lt;div ng-controller="WizCtrl"&gt;
  </code></pre>
  
  <p>So the question is how come that $scope variables work fine for everything except updating the view w/ a variable like this {{test}}</p>