入门隐藏表单域使用JSON使用列表中AngularJs

我的PHP文件的部分：

<form action="fechar_pedido.php" method="post" enctype="multipart/form-data" ng-controller="carrinhoQtdeController"> 

    <?php 
     $json_data = array(); 

     foreach($_SESSION['carrinho'] as $key => $value) 
     { 
      $json_array = array(); 
      $prod_info = array_values($value); 
      $json_array += array($prod_info[0] . '-' . $prod_info[1]=>array("id" => $prod_info[0], "tamanho" => $prod_info[1], "qtde" => $prod_info[2], "classificacao" => intval($prod_info[3]), "id_depto" => intval($prod_info[4]),"id_categ" => intval($prod_info[5]),"id_subcateg" => intval($prod_info[6]))); 

      array_push($json_data, $json_array); 
     } 

     $json_data = json_encode($json_data); 
       ?>      

<input type="hidden" ng-model="jsoncart" value="<?php echo $json_data; ?>" />

上面，我有填充数组与我目前的购物车产品的foreach，并以json格式列表转换该数组。

之后，我用这个json列表设置了一个隐藏表单域。我的想法是在我的角度函数中获得这个值，如下所述。

这里是我的隐藏字段的结果：

<input type="hidden" ng-model="jsoncart" value="[{"1-XGG":{"id":1,"tamanho":"XGG","qtde":4,"classificacao":7,"id_depto":1,"id_categ":1,"id_subcateg":4}},{"2-M":{"id":2,"tamanho":"M","qtde":1,"classificacao":4,"id_depto":1,"id_categ":1,"id_subcateg":4}}]" />

这里是我的角度文件的一部分：

var app = angular.module('myApp', []); 

app.controller('carrinhoQtdeController', function($scope) { 
    $scope.bill = { total: 0, subtotal: 0 }; 
    $scope.items = ""; 
    $scope.param = "?jsoncart=" + $scope.jsoncart; <----- Here I try to get hidden field value !!!! 
    $http.get("./fetch_carrinho.php" + $scope.param) 
     .success(function(response){ 
      $scope.items = response; 
     }) 
     .error(function(error) { 
      alert(error); 
      $scope.carrinho = "error in fetching data"; 
    }); 

    var calculateTotals = function() { 
     var total = 0; 

     for (var i = 0, len = $scope.items.length; i < len; i++) { 
      total = total + 
       $scope.items[i].price * 
       $scope.items[i].quantity; 
     } 

     $scope.bill.total = total; 
     $scope.bill.subtotal = total - $scope.bill.discount; 
    }; 
});

在线指示，我尝试加入与jsoncart模型网址，但我无法得到它的价值。在隐藏字段中，我已经使用了“value”，“ng-value”，“ng-bind”，但我无法获得任何值。

所以，我的问题是如何获得隐藏的字段值？

谢谢，马塞洛。

来源

2015-02-10 Olivertech

我想，你的设计方法并不好。无论如何，我假设一些报价问题..改变价值属性用单引号括起来，并尝试！ – Asik 2015-02-10 18:59:53

我在$ scope.jsoncart中得到了“undefined”，''没有做任何修改。顺便说一句，我在这里的接近并没有完成......它是解决方案的一部分，但我需要解决这个问题。转发... – Olivertech 2015-02-10 19:29:56

错误，您需要学习更多关于AngularJS的知识，对于像您这样的初学者，我推荐MongoDB，它更简单 – 2015-02-10 19:52:15

问题是，在您的页面加载后，Angular会发挥它的魔力。由于您在Angular执行之前已经使用一个值填充了输入，因此它使用ng-model变量jsoncart的内容覆盖了该值。

<body ng-controller="Ctrl"> 
    <div><input name="first" ng-model="first" value="abc"></div> <-- this is blank after Angular runs 
    <div><input name="second" value="def"></div> 
    <p>first: {{first}}</p> 
    </body>

查看完整plunkr：plnkr.co/edit/87NPheulFXofU5LdE5hK?p=preview

为了解决这个问题，你必须填写你的jsoncart，而不是你的输入。

更新1：已更新的plnkr以显示如何从静态HTML值获取字符串。 plnkr.co/edit/87NPheulFXofU5LdE5hK?p=preview

来源

2015-02-10 19:31:27 restassured

感谢您的帮助，是的，我得到了你所说的，但是，我需要发送我的json购物车服务，使用这个： $ scope.param =“？jsoncart =”+ $ scope.jsoncart; $ http.get（$ url + $ scope.param）这个http.get会在用户访问购物车页面时发生，以验证每个l国家统计局。那么，如何在发送到服务之前构建这个json cart？ – Olivertech 2015-02-10 20:07:23

AngularJS并不意味着被用作像jQuery这样的页面脚本语言。话虽如此，它并不妨碍您使用这些黑客来使事情发挥作用。这是plnkr：http://plnkr.co/edit/87NPheulFXofU5LdE5hK?p=preview – restassured 2015-02-10 21:26:37

这是回答你的问题还是你需要更多的澄清？ – restassured 2015-02-11 00:49:17

入门隐藏表单域使用JSON使用列表中AngularJs

回答

相关问题