0

我有获取对象的资源：

.factory('Product', ['$resource', function($resource) {
    return $resource( 'api/product/:id', { Id: '@Id' }, { 
            update: { method: 'PUT', isArray: false }
        });
}])

我在 /edit/product/:sku 中使用 'resolve' 从 ng-route 调用此资源

.config(['$routeProvider',  function($routeProvider) {
  $routeProvider.
    when('/index', {
      templateUrl: 'lord/partials/main'
    }).
    when('/product/edit/:SKU', {
      controller: 'EditCtrl',
      templateUrl: function(params){ return 'lord/partials/product/edit' },
      resolve: {
        product: function( Product, $routeParams ){
            return Product.get({ id: 101 }).$promise;
        }
      }
    }).
    otherwise({
      redirectTo: '/index'
    });
}]);

在我的控制器中，我成功收到产品：

.controller('EditCtrl', ['$scope', 'product',  function ($scope, product) {

 console.log(product.measures);  // I get the object -> Object {weight: 100, length: 200, width: 180, height: 200}   

//Initialize object:
$scope.datos = {};
$scope.datos.measures = {};

但是，当我想将该对象“复制”到范围变量时，它不起作用。范围变量是$scope.datos，它是一个对象，在一个表单中。我这样填充这个对象：

      <div class="col-md-1">Peso</div>
      <div class="col-md-2">
       <div class="input-group">
        <input type="number" class="form-control" ng-model="datos.measures.weight" >
        <span class="input-group-addon">gr</span>
      </div>
      </div>
      <div class="col-md-1">Largo</div>
      <div class="col-md-2">        
       <div class="input-group">
        <input type="number" class="form-control" ng-model="datos.measures.lenght">
        <span class="input-group-addon">cm</span>
      </div>
      </div>
      <div class="col-md-1">Ancho</div>
      <div class="col-md-2">
      <div class="input-group">
        <input type="number" class="form-control" ng-model="datos.measures.width">
        <span class="input-group-addon">cm</span>
      </div>

      </div>
      <div class="col-md-1">Alto</div>
      <div class="col-md-2">
      <div class="input-group">
        <input type="number" class="form-control" ng-model="datos.measures.height">
        <span class="input-group-addon">cm</span>
      </div>

我在控制器中尝试了几种方法将收到的值复制到对象中。

我试过了：

angular.copy(product.measures,$scope.datos.measures);

和：

$scope.datos.measures = angular.copy(product.measures);

和：

$scope.datos.measures = product.measures;  
$scope.datos.measures.weight   =  product.measures.weight;

这些都不起作用。

但是，将 product.measures.width 分配给任何变量（如 $scope.dwidth）都可以。但这不是我想要的，因为我的对象要复杂得多。

如何将收到的对象 (product.measures) 的值复制到另一个对象 ($scope.datos.measures) 并在 with ng-model 中反映该值？

谢谢你。

4

1 回答 1

0

我能够确定发生了什么。我正在调用另一个正在重置这些值的控制器。

所以路由控制器被称为（EditCtrl），但在那之后，页面中的控制器重置了这些值。

之后，使用以下代码就足够了：

angular.copy(product.measures,$scope.datos.measures);

这就是诀窍并复制了整个对象。

此外，由于 Javascript 属性，我不得不将 tue $scope.datos.measures.length 名称更改为 $scope.datos.measures.len。

于 2014-12-04T15:49:57.277 回答