AngularJS - Область применения не применяется в представлении в функции контроллера

Question

Я пытаюсь изменить переменную внутри $ scope внутри функции контроллера, и действие аффектации работает, но не применяется в представлении.

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"; 
    }; 

}]); 

В login.html:

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

Это происходит потому, что угловой не знает об изменениях, сделанных области видимости функции, которые я Логин думаю, вызывается асинхронно в вашем случае. После вызова Логин() асинхронно, сила изменения области действия с помощью

$scope.$apply() 

Answer 3

я обнаружил, что я поставил нг-контроллер = «» в HTML элемент, который вызывает функцию Логин().

На самом деле, я дважды вызывал его и заставляю обновить представление.