AngularJS, $ http, 성공 콜백 범위 가시성

안녕하세요, 다음 질문을 보내 주셔서 감사합니다.

난 내 서버에있는 파일 data.json이 가정 :

{"name": "World"}

난 다음 main.html

<!doctype html> 
<html> 
    <head></head> 
    <body ng-controller="mainController"> 
     Hello {{name}}! 

     <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> 
     <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> 
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
     <script> 

      angular.module('controller.main', [], function(){ 
      }).controller('mainController', ['$scope', '$http', function($scope, $http){ 

       $scope.name = 'No Name Yet'; 

       var _this = this; 

       $http({ 
        method: 'GET', 
        url: 'data.json' 
       }).success(function(data, status, headers, config) { 
        $scope.name = data.name; 
       }). 
       error(function(data, status, headers, config) { 
        $scope.name = 'error or whatever'; 
       }); 


      }]); 

      angular.element(document).ready(function() { 
       var myApp = angular.module('myApp', ['controller.main']); 
       angular.bootstrap(document, ['myApp']); 
      }); 
     </script> 
    </body> 
</html>

이 가정을 어떻게 $의 scope.name를 설정합니까?

크게 감사드립니다.

출처

2014-03-07 Adrian Bratu

답변을 찾았습니다.

var responsePromise = $http({ 
       method: 'GET', 
       url: 'data.json' 
      }).success(function(data, status, headers, config) { 
       $scope.name = data.name; 
      }). 
      error(function(data, status, headers, config) { 
       $scope.name = 'error or whatever'; 
      });

출처

2014-03-07 02:07:41

AngularJS, $ http, 성공 콜백 범위 가시성

답변

관련 문제