如何使用AngularJS在Bootstrap模式下将数据重置为默认值？

Question

如何使用AngularJS在Bootstrap模式下将数据重置为默认值？ 这是我想做的事情：

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

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

但这是行不通的。 字段仍然有旧数据。 检查我的小提琴： 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的副本作为参考副本$scope.dataFruit = $scope.initial; 。

这是工作的小提琴。

Answer 2

var vm = this;
//(like a private field)
var initial_is_editable = true;
vm.initial = [{
  name: 'nam_fruit',
  price: 0
},{
  name: 'nam_fruit',
  price: 0
}];

function reset(reset_modal_index){
  if(initial_is_editable){
    vm.initial[reset_modal_index].name = "default_name"; 
    vm.initial[reset_modal_index].price= "default_price"; 
  }
  vm.dataFruit[reset_modal_index] = vm.initial[reset_modal_index];
} 

如果我理解正确：我们已经设置了dataFruit模态，并且正在将所选一个的数据重置为初始值。