Как отобразить свойства объекта на странице из массива объектов в Ember. js?

Question

У меня есть веб-сайт, на котором есть список продуктов, когда пользователь нажимает «Добавить в корзину» и добавляет продукт на карту (продукт сохраняется в локальном хранилище). Я хочу отобразить список проектов, добавленных на карту из локального хранилища на моей странице, но все, что я получаю, это: [объект объекта] [объект объекта] [объект объекта]. Как отобразить свойства этих объектов на моей странице? (У меня есть JSON файл с именами, фотографиями, ценами на продукт, данные для отображения взяты из моего JSON файла)

Answer 1

Вы не можете получить доступ к свойствам внутри блока {{#each}}:

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

Вы можете также {{#each-in до l oop через все свойства:

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

но я бы обычно не рекомендовал это, потому что вы не хотите просто показывать все из них, но указывать c единицы и форматировать их в указанных c способах, чтобы лучше было их явно указать здесь.

Answer 2

Если вы хотите просто увидеть 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]);
    });
}

Надеюсь, что решение то, что вы ожидаете.