AngularJS,将数据保存在json中并检索它,允许angular重建动态表

时间:2013-08-30 13:51:34

标签: javascript angularjs persistence

大家早上好: 我的角度应用程序是餐厅经理。在后端的Somwhere,它显示了一个餐厅送货经理,可以管理送货成本。我在后端ui向用户(餐厅管理员)提供选项以添加交付方式和位置,因此每个组合都有一个价格,它保存到json并显示在输入下面的表格中使用ng-repeat < / p>

我的json是这样的:

{
  "deliveryLocation": [
                       {
                         "id": 1,
                         "location": "downtown"
                       }
                      ],
  "deliveryMethods":    [
                         {
                           "id": 1,
                           "name": "Delivery Boy"
                         },
                         {
                           "id": 2,
                           "name": "Cab"
                         }
                        ],
  "combinations":       []

}

因此,当您填充输入时,您至少会有一个组合,例如:“Downtown - Cab”。该组合将以“组合”(见json)存储,格式如下:“deliveryLocation”:“”,“deliveryMethods”:“”,“price”:0

其中price将是组合表中的空输入。因此,用户指示交付将花费多少,并将保存在组合数组中。 (例如:“deliveryLocation”:“downtown”,“deliveryMethods”:“cab”,“price”:50)。

当用户保存表格时,我必须将数据发送到后端。当用户再次打开传递管理器时,应用程序将从后端接收数据,将收到相同的json,恢复deliveryLocations和deliveryMethods这非常简单,但我应该如何向AngularJS指示将在组合字段中找到的所有内容是参考的组合? (deliveryLocation an deliveryMethods)。

非常感谢,

吉列尔莫

1 个答案:

答案 0 :(得分:1)

首先看看这个好例子:Fiddle

此示例演示如何使用angularjs将JSON对象转换为表。

所以你需要做的是:

1)使用angular将您的表对象发送到您的(假设PHP)服务器端到DB,使用一些工厂:

module.factory('ajax_post', ['$http',  function(_http) {   

var path = 'src/php/data.ajax.php'; // example

return{
    init: function(jsonData){
        var _promise= _http.post(path, 
            jsonData
            ,{
                headers: {
                    'SOAPActions': 'http://schemas.microsoft.com/sharepoint/soap/UpdateListItems'
                }
            }
            );            
        return _promise; 
    }
  }   
}]);

以相同的方式从DB加载表。