AngularJS - 컨트롤러 기능 내에서보기에 범위가 적용되지 않았습니다.

Question

컨트롤러 기능 내에서 $ scope 내에서 변수를 수정하려고하는데 영향을 미치지 만보기에는 적용되지 않았습니다. login.html에서

app.controller('LoginCtrl', ['$scope', '$http', function ($scope, $http) { 

    $scope.test = "test"; 

    $scope.logIn = function() { 
     // This changes the value to test2, but does not applies it to the view. 
     $scope.test = "test2"; 
    }; 

}]); 

:

DEBUG: {{ test }} 

그리고 routeProvider :

$routeProvider 
    .when('/', { 
     templateUrl: '/views/login.html', 
     controller: 'LoginCtrl' 
    }) 

내가 설명서를 놓치지 뭔가?

감사합니다.

Answer 1

나는 이것이 프리미엄으로 알려진 참조 또는 상속 문제라고 생각합니다.이 게시물은 https://github.com/angular/angular.js/wiki/Understanding-Scopes입니다. 이 같은 코드를 시도하지만과 같이 객체의 내부 테스트을 넣어 : 각 내가 귀하의 경우 비동기 적으로 호출 생각 로그인 기능에 의해 만들어진 범위 변경을 인식하지 않기 때문에이 문제가 발생

$scope.viewModel = {}; 
$scope.viewModel.test = 'Test'; 

Answer 2

. 로그인을 호출 한 후() 비동기 I는 I가 로그인() 함수를 호출하는 HTML 요소에 ""= NG 제어기 두는 것이 발견

$scope.$apply() 

Answer 3

의해 범위 변경 강제.

실제로 두 번 호출했는데 뷰 업데이트가 실패합니다.