javascript - Angular 数据绑定(bind)不允许获取对象中的最新数据

Question

在我顶部的 Angular Controller 中，我有一个对象:

$scope.options = {
    name:'someValue',
    data: $scope.user,
    mode: 'create'
}

在此对象中，您可以看到我有一个 $scope.user 值。

我在做什么

我在 Controller 中的不同函数中使用 $scope.options 对象，如下所示:

$scope.saveUser = function(){
  userService.save($scope.options); // $scope.options.data contains $scope.user
}

问题是什么

如果我更新 HTML 字段中的值，$scope.user 会发生更改，但在 $scope.saveUser 中，我不会在 $ 中获取更新的值范围.用户。例如，如果我做某事:

$scope.saveUser = function(){
  console.log("The $scope.user is :", $scope.user); // gives updated data
  console.log("The $scope.options.data is :", $scope.options.data); // don't give updated data
  userService.save($scope.options);
}

Answer 1

您应该将选项范围绑定(bind)到 saveUser 函数内，如下所示

var bindData =function(){
     $scope.options = {
          name:'someValue',
          data: $scope.user,
          mode: 'create'
  }
}

$scope.saveUser = function(){
  bindData();
  console.log("The $scope.user is :", $scope.user); // gives updated data
  console.log("The $scope.options.data is :", $scope.options.data); // don't give updated data
  userService.save($scope.options);
}