[AngularJS]在 AngularJS 中发送 JSON 数据与子对象

发布时间: 2017/4/16 21:17:31
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我想发个帖子这样;

{
  "title": "sample string 2",
  "comment": "sample string 5",
  "child": {
    "name": "sample string 2"
  },
    "children": [
        {
            "name": "sample string"
        },
        {
            "name": "sample string"
        }
    ]
}

目前我这样

{
  "title": "sample string 2",
  "comment": "sample string 5"
}

使用这 (控制器) 中

vm.product = new Product();
vm.product.title = "My title";
vm.product.comment = "my comment";

与此资源工厂

myApp.factory('Product', function ($resource) {
    return $resource('http://api.com/api/product/:id', { id: '@id' }, {
        update: {
            method: 'PUT'
        }
    });
});

上述作品。我的问题是,所以我可以给子对象,如上面所示,如何将更改上面的代码?

我试图与

vm.product.child.name = "my new child"

但没有运气。

解决方法 1:

创建对象的信息,因为你不会,然后将这些分配给︰

var child = { "name" : "my new child" };
vm.product.child = child;

您不能直接向分配 var.product.child.name 因为在那个时候,有没有子元素来分配-一旦你已分配 vm.product.child ,你可以向它添加字段。事实上,这也会工作︰

vm.product.child = {};
vm.product.child.name = "my new child";

如果你想要的子级的数组︰

vm.product.children = [];
var child = {"name":"my child name"};
vm.product.children.push(child);

一旦您设置的值 vm.product.children 你可以把尽可能多的子元素,只要你想给它推到一个数组中。

官方微信
官方QQ群
31647020