Moltin Cart，Laravel和Angular JS——循环通过JS对象

Moltin Cart, Laravel and Angular JS – looping through JS object

本文关键字：JS 循环 对象 Angular Cart Laravel Moltin      更新时间：2023-09-26

我正在使用一个我想循环遍历的 Moltin Cart，所以我可以在 Angular JS 中读取它，然后

我将购物车加载到一个变量中，我想<div ng-repeat-start="item in cart.contents">该变量并循环遍历购物车中的项目。

我遇到的问题实际上是一个非常基本的JavaScript问题，如果我console.log cart.contents，我会得到这个：

Object{ 
   33bb9f991617377b9b8333a79ca9ce2c: Object { ... cart contents... },
   1ba14b804d0d81e49397b004e5f1c6d1: Object { ... cart contents... },
   33bb9f991617377b9b8333a79ca9ce2c: Object { ... cart contents... },
}

有没有办法在以下方面解决此问题：

    拉
  • 拉维尔
  • 角度 JS
  • 或经典 JavaScript

我认为您要做的是：

angular.module('myapp', [])
.controller('MyController', function($scope) {
    $scope.objectOfObjects = {
        "ASDF": { name: 'First', price: 100 },
        "QWER": { name: 'Second', price: 200 },
        "FGHJ": { name: 'Third', price: 500 }
    }
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="myapp">
    <div ng-controller="MyController">
        When iterating over an object of objects, there is no guarantee about the order:
        <div ng-repeat-start="item in objectOfObjects">{{item.name}}</div>
        <div ng-repeat-end>{{item.price}}<br/><br/></div>
    </div>
</body>

相关文章：