Squeak.ru - шаблоны программирования

Отображение вложенных данных с помощью blaze

Я вставил эти вложенные данные в свой минимонго

db.orders.insert({ 
    _id: ObjectId().str,
    name: "admin",
    status: "online",catalog : [{
        "objectid" : ObjectId().str,
        "message" : "sold",
        "status" : "open"
    }]
});

и я пытаюсь отобразить его с помощью этого кода

<template name="Listed">
    <div class="row">
        {{#each list}}
            <article class="post">
                <a href="{{pathFor route='edit'}}"><h3>{{_id}}</h3></a>
                <a href="{{pathFor route='edit'}}"><h3>{{name}}</h3></a>
                <br>
                <a href="{{pathFor route='create'}}"><h3>{{status}}</h3></a>
                <br>
                {{#each ../catalog}}
                    <a href="{{pathFor route='create'}}"><h3></h3></a>
                    <a href="{{pathFor route='create'}}"><h3>{{status}}</h3></a>
                {{/each}}
                <div class="well"></div>
                <br/>    
            </article>
            <br/><br/>
        {{/each}}
    </div>
</template>

но вложенные данные не отображаются. Как я могу отобразить вложенные данные?.

Это мой помощник по данным

/*****************************************************************************/
/* Listed: Helpers */
/*****************************************************************************/
Template.Listed.helpers({
    'list': function(){
        return Orders.find();
    }
});

  • как вы возвращаете данные? почему вы написали ../каталог? 04.04.2016
  • Я обновил вопрос. 04.04.2016

Ответы:


1

вам нужно удалить ../

<template name="Listed">
    <div class="row">
        {{#each list}}
            <article class="post">
                <a href="{{pathFor route='edit'}}"><h3>{{_id}}</h3></a>
                <a href="{{pathFor route='edit'}}"><h3>{{name}}</h3></a>
                <br>
                <a href="{{pathFor route='create'}}"><h3>{{status}}</h3></a>
                <br>
                {{#each catalog  }}
                    <a href="{{pathFor route='create'}}"><h3></h3></a>
                    <a href="{{pathFor route='create'}}"><h3>{{status}}</h3></a>
                {{/each}}
                <div class="well"></div>
                <br/>    
            </article>
            <br/><br/>
        {{/each}}
    </div>
</template>

```

04.04.2016
  • Это вложенный объект { "objectid" : ObjectId().str, "message" : "sold", "status" : "open" }, который у меня есть. Есть ли способ получить доступ к имени ключа и значению вложенного объекта, т.е. я бы отобразил состояние ключа и значение open. Я могу отобразить значение статуса с помощью {{статуса}}, но как я могу отобразить ключ. Я говорю это, потому что временами я не знаю ключей навскидку. 04.04.2016
  • @LeQs попробуйте получить доступ к ключу объекта с помощью {{@index}} 04.04.2016
  • @rdk1992 поможет небольшой пример. 04.04.2016
  • @LeQs пример, предоставленный JBoulhous, хорош, вы только что упомянули, что вам не хватает ключа: попробуйте {{#each catalog}} Key: {{@index}} Status: {{status}} {{/each}} Просто поместите {{@index}} там, где вы хотите отобразить ключ объекта. 04.04.2016
  • @rdk1992 Спасибо за ваш вклад. Чтобы было немного понятнее, объект catalog — это все, что у меня есть. Я хочу распечатать пары ключ/значение под объектом catalog. В реальном приложении я не буду знать пары ключ/значение. 04.04.2016
  • @LeQs о, я вижу, вы не будете знать ни пары ключ/значение объекта. Поэтому для печати ключей используйте {{@index}}, а для печати значений используйте {{.}}. Надеюсь, это сработает. 04.04.2016
  • @rdk1992 {{@index}} выводит только 0,1,2,3... и ни одно из полей { "objectid" : ObjectId().str, "message" : "sold", "status" : "open" } 04.04.2016
  • @LeQs Понятно, тогда попробуйте зарегистрировать глобальный помощник, в котором вы выполняете итерацию объекта каталога и устанавливаете ключ/значение в массив. Проверьте здесь, например: stackoverflow.com/questions/15035363/ 04.04.2016
  • Новые материалы

    Угловая структура архитектуры
    Обратите внимание, что эта статья устарела, я решил создать новую с лучшей структурой и с учетом автономных компонентов: https://medium.com/@marekpanti/angular-standalone-architecture-b645edd0d54a..

    «Данные, которые большинство людей используют для обучения своих моделей искусственного интеллекта, поставляются со встроенным…
    Первоначально опубликовано HalkTalks: https://hacktown.com.br/blog/blog/os-dados-que-a-maioria-das-pessoas-usa-para-treinar-seus-modelos-de-inteligencia-artificial- ja-vem-com-um-vies-embutido/..

    Сильный ИИ против слабого ИИ: различия парадигм искусственного интеллекта
    В последние годы изучению и развитию искусственного интеллекта (ИИ) уделяется большое внимание и прогресс. Сильный ИИ и Слабый ИИ — две основные парадигмы в области искусственного интеллекта...

    Правильный способ добавить Firebase в ваш проект React с помощью React Hooks
    React + Firebase - это мощная комбинация для быстрого и безопасного создания приложений, от проверки концепции до массового производства. Раньше (знаете, несколько месяцев назад) добавление..

    Создайте API с помощью Python FastAPI
    Создание API с помощью Python становится очень простым при использовании пакета FastAPI. После установки и импорта вы можете создать приложение FastAPI и указать несколько конечных точек. Каждой..

    Веселье с прокси-сервером JavaScript
    Прокси-серверы JavaScript — это чистый сахар, если вы хотите создать некоторую общую логику в своих приложениях, чтобы облегчить себе жизнь. Вот один пример: Связь клиент-сервер Мы..

    Получить бесплатный хостинг для разработчиков | Разместите свой сайт за несколько шагов 🔥
    Статические веб-сайты — это веб-страницы с фиксированным содержанием и его постоянным содержанием. Но теперь статические сайты также обрабатывают динамические данные с помощью API и запросов...