Angular Js $scope.$apply 不起作用

Question

我有一个表单，我通过它添加数据。数据更新也是如此。我通过 $http post 获取针对特定 id 的数据来填充表单。我已经更改了范围变量，但没有得到修改后的值。这是我的努力：

<input type="hidden" name="form_type" ng-model="formData.formType" ng-init="formData.formType = submit_button" value="{{submit_button}}"/>

<input type="hidden" name="student_id" ng-model="formData.studentId" ng-init="formData.studentId = student_id" value="{{student_id}}"/>

$scope.Edit = function (id) {
        $http({
                method: 'POST',
                url: 'process.php',
                data: $.param({action: 'fetch', id: id}),
                headers: {'Content-Type': 'application/x-www-form-urlencoded'}
            }).success(function (response) {
                if (!response.success) {
                    alert("something went wronge");
                    return false;
                } else {
                    $scope.formData = response.data;
                    $scope.student_id = response.data.id;
                    $scope.submit_button = 'Update';
                    $scope.$apply();
                }
            });
    };

Answer 1

这是安全应用在作用域中的方式。

$scope.safeApply = function(fn) {
  var phase = this.$root.$$phase;
  if(phase == '$apply' || phase == '$digest') {
    if(fn && (typeof(fn) === 'function')) {
      fn();
    }
  } else {
    this.$apply(fn);
  }
};


$scope.safeApply(function() {
  alert('Now I'm wrapped for protection!');
});