如何从 Ember.js 中的对象数组中在页面上显示对象属性？

Question

我有一个网站，当用户单击 'Add to cart' 他将产品添加到卡片（产品保存在本地存储中）时，该网站有一个产品列表。我想在我的页面上显示从本地存储添加到卡片的项目列表，但我得到的只是： [对象对象] [对象对象] [对象对象]。如何在我的页面上显示这些对象的属性？（我有一个包含产品名称、图片和价格的 JSON 文件，要显示的数据来自我的 JSON 文件）

Answer 1

如果您只想查看 Json，请将您的 json 放入 Json.stringify()，您将看到键和值

但我认为您需要以下解决方案：

var data = {product1: "A", product:"B", product3:"C"}
            
function renderData(){
    Object.keys(data).forEach((key, index)=>{
      concsole.log(key, date[key]);
    });
}

希望解决方案如您所愿。

Answer 2

您无法访问 {{#each}} 块内的属性：

{{#each cart.items as |item|}}
  {{item.name}}
{{/each}}

您可以也{{#each-in遍历所有属性：

{{#each cart.items as |item|}}
  {{#each-in item as |name value|}}
    <div>{{name}}: {{value}}</div>
  {{/each-in}}
{{/each}}

但我通常不会推荐这个，因为您不只是想显示所有而是特定的，并以特定的方式格式化它们，以便更好地在此处明确说明。

如何从 Ember.js 中的对象数组中在页面上显示对象属性？

How to display an object properties on the page from an array of objects in Ember.js?

javascript

ember.js