Update-Umfang variable doesnt Änderung Ausgabe

Question

appearently, habe ich in meinem vorherigen explainations nicht klar gewesen, so hier gehen wir:

function HomeController ($scope, Principal, LoginService, NewtagService, LoginfailService, $state, $http) { 

    ...  
    $scope.contacts = [{name: 'Peter'}]; 
    ... 
} 

<div ng-controller="HomeController">{{contacts[0].name}}</div> 

Diese Drucke 'Peter', während

function HomeController ($scope, Principal, LoginService, NewtagService, LoginfailService, $state, $http) { 

    // $scope.contacts = [{name: 'Peter'}]; 

    function createServiceTag() { 

     $http({ 
      method: 'POST', 
      url: '/api/important' 
     }).then(function successCallback(response) { 

      $scope.contacts = [ 
       {name:'Lois'} 
      ]; 
      ImportantService.open(response.data); 
     }, function errorCallback(response) { 
      console.log(response); 
     }); 
    } 
} 

<div ng-controller="HomeController">{{contacts[0].name}}</div> 

druckt nichts

Answer 1

function makeImportantRequest() { 

     $http({ 
      method: 'POST', 
      url: '/api/important' 
     }).then(function successCallback(response) { 
         $scope.contacts = [ 
        {name:'Luise'} 
       ]; 


       ImportantModalService.open(); 

     }, function errorCallback(response) { 

     }); 
    } 

Answer 2

versuchen, es ohne die $ (function() {})

$http({ 
      method: 'POST', 
      url: '/api/important' 
     }).then(function successCallback(response) { 

      $scope.contacts = [ 
        {name:'Luise'} 
       ]; 
       ImportantModalService.open(); 

     }, function errorCallback(response) { 

     });