为什么fullstack-angular生成器使用Lo-Dash的合并而不是document.set?

时间:2014-12-19 17:07:22

标签: javascript angularjs mongoose yeoman lodash

这是更新的默认代码:

exports.update = function(req, res) {
  if(req.body._id) { delete req.body._id; }
  Thing.findById(req.params.id, function (err, thing) {
    if (err) { return handleError(res, err); }
    if(!thing) { return res.send(404); }
    var updated = _.merge(thing, req.body);
    updated.save(function (err) {
      if (err) { return handleError(res, err); }
      return res.json(200, thing);
    });
  });
};

请注意以下行:var updated = _.merge(thing, req.body);。这仅适用于作为基元的Schema属性。例如。它不适用于作为数组的架构属性。

问题是thing mongoose文档,而req.body javascript对象。

对于真正的问题,我有两个假设:

  1. _.merge()要求第一个参数是一个对象,但它是 收到文件。
  2. _。merge()仅在两个对象具有相同的键和类型时合并。因为一个是文档而另一个是对象,所以它们是 不同。
  3. 考虑这个例子。 name已正确更新,但arr未正确更新。但是,当我使用thing.set(req.body)而不是var updated = _.merge(thing, req.body)时,两者都会正确更新。

    thing.html

    <div class="container">
      <form ng-submit="update()">
        <div class="form-group">
          <label>Name</label>
          <input class="form-control" ng-model="thing.name">
        </div>
        <div class="form-group">
          <label>Arr</label>
          <input
            type="text"
            class="form-control"
            ng-repeat="el in thing.arr"
            ng-model="thing.arr[$index]">
        </div>
        <button 
          class="btn btn-default"
          type="submit">
          Update
        </button>
      </form>
    
      {{thing | json}}
    </div>
    

    thing.controller.js(前端)

    .controller('MainCtrl', function ($scope, $http) {
      $http.get('/api/things')
        .success(function(things) {
          $scope.thing = things[0];
        });
      $scope.update = function() {
        $http.put('/api/things/' + $scope.thing._id, $scope.thing)
          .success(function(newThing) {
            console.log('updated thing: ', newThing);
          })
          .error(function() {
            console.log('unable to update thing');
          });
      };
    });
    

    thing.model.js

    'use strict';
    
    var mongoose = require('mongoose'),
        Schema = mongoose.Schema;
    
    var ThingSchema = new Schema({
      name: String,
      arr: []
    });
    
    module.exports = mongoose.model('Thing', ThingSchema);
    

    thing.controller.js(后端)

    'use strict';
    
    var _ = require('lodash');
    var Thing = require('./thing.model');
    
    exports.update = function(req, res) {
      if(req.body._id) { delete req.body._id; }
      Thing.findById(req.params.id, function (err, thing) {
        if (err) { return handleError(res, err); }
        if(!thing) { return res.send(404); }
        var updated = _.merge(thing, req.body);
        updated.save(function (err) {
          if (err) { return handleError(res, err); }
          return res.json(200, thing);
        });
      });
    };
    
    function handleError(res, err) {
      return res.send(500, err);
    }
    

    两个问题:

    1. 使用_.merge()?
    2. 有什么问题
    3. 为什么angular-fullstack generator的创建者选择使用_.merge()?我确信他们知道自己的行为,所以他们必须有理由。

3 个答案:

答案 0 :(得分:1)

您需要用户&#34; markModified&#34; http://mongoosejs.com/docs/api.html#document_Document-markModified

var updated = _.merge(store, req.body);
updated.markModified('foo_name');
updated.save(function (err) {
  if (err) {
    return handleError(res, err);
  }
  return res.json(200, store);
});

答案 1 :(得分:1)

致电&#39; markModified&#39;关于_.merge返回值(如前一个答案所示)并没有为我解决这个问题。 Adam Zerner报告的问题是_merge会导致更新&#39;对象包含数组属性的无效数据。我也使用angular-fullstack生成器遇到了这个问题,例如,如果我从数组中删除元素,则此更改不会存储在Mongoose / mongo中。在mongoose文档上调用set函数(例如,thing.set(......,如Zerner所建议的)为我解决了这个问题。我还阅读了这个讨论主题:https://github.com/DaftMonk/generator-angular-fullstack/issues/637;它建议用_extend替换_merge(参见也https://github.com/DaftMonk/generator-angular-fullstack/issues/310)也适用于我。

答案 2 :(得分:0)

我从Lodash 3.10.1升级到4.6.1(当时最新版本),_.merge现在可以按照您的需要运行。我有一段时间遇到麻烦,并且使用最新版本的generator-angular-fullstack(3.3.0)将_.merge更改为_.assign对我来说并不像以前的版本那样。 Lodash的v4.6.1似乎使这个工作,虽然我看到一堆npm模块与Lodash的v3.10.1列为依赖,但我还没有遇到任何破坏。