Angularjs JS Parse JSON

最新推荐文章于 2023-11-29 10:19:15 发布

原创最新推荐文章于 2023-11-29 10:19:15 发布 · 172 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#json #javascript #ViewUI

Html & Javasctipt 专栏收录该内容

55 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>

<script>
var app = angular.module("myShoppingList", []);



app.controller("myCtrl", function($scope) {

var arr=[[{"id":1,"orderName":"Order1470534767695","checkOut":false},{"id":1,"p":{"productId":1,"name":"QQ","price":11.0},"quantity":1,"orderPrice":11.0,"orderTime":1470534767883},{"productId":1,"name":"QQ","price":11.0}],[{"id":1,"orderName":"Order1470534767695","checkOut":false},{"id":2,"p":{"productId":2,"name":"RR","price":22.0},"quantity":1,"orderPrice":22.0,"orderTime":1470534767886},{"productId":2,"name":"RR","price":22.0}],[{"id":2,"orderName":"Order1470534771006","checkOut":false},{"id":3,"p":{"productId":3,"name":"TTT","price":33.0},"quantity":1,"orderPrice":33.0,"orderTime":1470534771028},{"productId":3,"name":"TTT","price":33.0}]];

//alert(arr.length);

//    alert(arr[0][0].id);
// alert(arr[1][0].id);
//alert(arr[2][0].id);

for(var i=0;i<arr.length;i++){
if(arr[i][0].id==1){
//alert(arr[i][0].orderPrice);
//alert(arr[i][1].p.name);
//alert(arr[i][0].id);
//alert(arr[i][1].quantity);
//alert(arr[i][1].p.name);
alert(arr[i][1].orderPrice);
}
}


    $scope.products = ["Milk", "Bread", "Cheese"];
    $scope.addItem = function () {
        $scope.products.push($scope.addMe);
    }
    $scope.removeItem = function (x) {
        $scope.products.splice(x, 1);
    }
});
</script>

<div ng-app="myShoppingList" ng-controller="myCtrl">
  <ul>
    <li ng-repeat="x in products">{{x}}<span ng-click="removeItem($index)">×</span></li>
  </ul>
  <input ng-model="addMe">
  <button ng-click="addItem()">Add</button>
</div>

<p>Click the little x to remove an item from the shopping list.</p>

</body>
</html>