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

Question

这是更新的默认代码:

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);。这仅适用于作为基元的架构属性。例如。它不适用于作为数组的架构属性。

问题是 thing 是一个 mongoose 文档，而 req.body 是一个 javascript 对象。

对于真正的问题是什么，我有两个假设:

1. > _.merge()要求第一个参数是一个对象，但它是 收到一份文件。
2. _.merge() 仅在两个对象具有相同的键和类型时才合并。因为一个是文档，另一个是对象，所以它们是 不同。

考虑这个例子。 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. 为什么 angular-fullstack generator 的创建者选择使用_.merge()？我相信他们知道它的行为，所以他们一定有理由。

Answer 1

在 _.merge 返回值上调用“markModified”(如前一个答案所建议的那样)并没有为我解决这个问题。 Adam Zerner 报告的问题是 _merge 导致“更新的”对象包含数组属性的无效数据。我在使用 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)也适用于我。