javascript - 如何使用 AngularJS 将 Bootstrap 模式中的数据重置为默认值？

Question

如何使用 AngularJS 将 Bootstrap 模式中的数据重置为默认值？ 这就是我正在尝试做的事情:

$scope.initial = [
    {
      name: 'nam_fruit',
      price: 0
    }];

    $scope.reset = function(){
    $scope.dataFruit = $scope.initial;  
  } 

但是这不起作用。字段仍然有旧数据。检查我的 fiddle : http://jsfiddle.net/q69yckt1/

Answer 1

您正在指定一个数组作为初始模型。只需删除 [] 就可以了:

$scope.initial =
{
  name: 'nam_fruit',
  price: 0
};

$scope.reset = function(){
  $scope.dataFruit = angular.copy($scope.initial);  
} 

正如 devqon 在他的评论中提到的，如果您只使用 $scope.dataFruit = $scope.initial; ，您还应该创建一个 $scope.initial 的副本作为引用副本。 .

This是工作 fiddle 。