无法使用 Angular 和 mongodb 添加关系数据

Question

我有一个视图，其中列出了“运输商”。运输商有任何“交付”，所以我想将交付添加到各自的运输商。

我正在使用 express、mongoose 和 angular.js。我有两个模型定义：

// app/models/transporter.js
var Delivery = require('./delivery');

var transporterSchema = new mongoose.Schema({
    name: String,
    natl_id_num: String,
    phone: String,
    deliveries: [Delivery]
});

var Transporter = mongoose.model('Transporter', transporterSchema);


// app/models/delivery.js
var Transporter = require('./transporter.js');

var deliverySchema = new mongoose.Schema({
    date: { type: Date, default: Date.now },
    transporter: [Transporter],
    amount: Number
})

var Delivery = mongoose.model('Delivery', deliverySchema);

然后我有一个视图，其中包含每个传输器的输入字段和按钮：

<tr ng-repeat="t in transporters track by $index">
    <td>{{t.name}}</td>
    <td>{{t.deliveries.length}}</td>
    <td>
        <input type="text" placeholder="amount" ng-model="deliveryAmount">
    </td>
    <td>
        <button type="submit" ng-click="addDelivery(deliveryAmount, t)">Add</button>
    </td>
</tr>

当我点击按钮时，我想为该运输车添加新的交付。这是对应的控制器：

$scope.addDelivery = function(deliveryAmount, transporter){
            var data = {};
            data.date = Date.now();
            data.amount = deliveryAmount;
            data.transporter = transporter;
            console.log('data equals: ' + data.transporter);

            $http({
                url: '/api/deliveries', 
                data: data,
                method: 'POST',
                headers: {'Content-Type': 'application/x-www-form-urlencoded'}
            })
                .success(function(data, status, headers, config){
                    $('input').val('');
                    console.log(data + ' added');
                })
                .error(function(data){
                    console.log('couldn\'t post delivery: ' + err);
                });
        };

但是，当我列出所有交货时，transporter 和 amount 属性不存在。在控制器中有：

$http.get('/api/deliveries')
        .success(function(data){
            // add all deliveries to deliveries scope
            $scope.deliveries = data;
        })

在视图中有：

<p ng-repeat='d in deliveries'>{{ d }}</p>

但是输出：

{"_id":"52f9f0e5156c0f6303d846ef","__v":0,"transporter":[],"date":"2014-02-11T09:44:05.619Z"}

而不是显示使用addDelivery 函数指定的数量和运输商

此处显示了我用于交付的 REST API：

// all deliveries
app.get('/api/deliveries', function(req, res){
    Delivery.find(function(err, deliveries){
        if(err) res.send(err);

        res.json(deliveries);
    });
});

// create delivery
app.post('/api/deliveries', function(req, res){
    Delivery.create({
        date: req.body.date,
        transporter: req.body.transporter,
        amount: req.body.amount
    }, function(err, delivery){
        if(err) res.send(err);

        Delivery.find(function(err, deliveries){
            if(err) res.send(err);

            res.json(deliveries);
        });
    });
});

Answer 1

基本上，您对 Mongoose 和您对 JSON 的转换都抱有太多期望，这就是为什么事情没有按您期望的那样工作。让我们关注覆盖“/api/deliveries”端点的代码。

在这里，您调用 find（没有查询），从 Mongo 的角度来看，它会将 光标 返回到 all 文档的结果在这个集合中。现在这可能没问题，但您应该考虑过滤它。

现在您知道您已经使用包含transporterSchema 条目数组的deliverySchema 定义组成了您的架构。最重要的是，您已将这些分配给 两个 模型。这实际上意味着deliveries 的一个集合和transporter 文档的一个集合。

为了获取数据，从 MongoDB 的角度来看，对于每个 Delivery 文档，我们必须向服务器发送另一个请求（或多个请求）以获取 Transporter 文档。现在 Mongoose 的一部分是您可以在编码中透明地执行此操作并访问该子文档数组，就像它是对象上的普通数组一样。但事实上并非如此，而且发生的魔法隐藏了真正的操作。

因此你的问题。您还没有真正将您打算序列化为 JSON 的所有数据提取出来。你所拥有的是一个 cursor，虽然有一个 partial 实现来进行序列化，但它并没有真正知道确切的 smarts它必须做什么才能获取其余数据。

简而言之。您不能只将光标传递给您的 JSON 序列化调用，您需要遍历并将数据保存为您可以序列化的 var。

答案的附加部分可能是您实际上想要Embedded Documents，这应该值得一读。毕竟，如果您只想像使用关系一样使用存储，那么使用 MongoDB 毫无意义。

这是故意的“无代码”响应，因为我认为理解为什么事情没有像您预期的那样发展的概念很重要。您还应该有一个良好的基础，知道从哪里开始改变事情，这样它们才能发挥作用。