WedX - журнал о программировании и компьютерных науках

Почему я не могу передать данные в шаблон маршрута Iron-Router?

Я только что обновился до Meteor 1.0 и последней версии Iron-Router.

По какой-то причине, когда я передаю данные в шаблон, который включает только один документ, он работает. Но когда я пытаюсь передать несколько документов в шаблон, я получаю пустой экран.

//galleryRoute.js

Router.route('/:section', function() {
    this.layout('Gallery', {
        data: function() { 
            var data =  { photos: photos.find({ path: { $regex: '/'+this.params.section +'/' } }) };
            return data;
        }
    });
});

<template name="Gallery">
    <div class="container">
        {{#each photos}}    
            <div class="section-photo" style="background:url({{path}}) no-repeat center center; width:175px; height:175px; background-size:cover;"></div>
        {{/each}}
    </div>
</template>

Интересно, есть ли у кого-нибудь идеи о том, почему это может быть?

javascript meteor iron-router spacebars
01.11.2014

  • Ваш .find() что-нибудь возвращает? Попробуйте получить результаты вашего .find() и записать их в журнал. 02.11.2014
  • Возможный дубликат: stackoverflow.com/questions/30824800/ 14.06.2015

Ответы:


1

В вашей функции данных вы обращаетесь к this.params.section. Однако this относится к вашей текущей области, которая не является маршрутом, поэтому this.params будет неопределенным. Попробуйте сделать что-то вроде этого:

//galleryRoute.js

Router.route('/:section', function() {
    var route = this;
    this.layout('Gallery', {
        data: function() { 
            var data =  { photos: photos.find({ path: { $regex: '/'+route.params.section +'/' } }) };
            return data;
        }
    });
});
02.11.2014
  • В документации Iron Router прямо говорится, что вы должны обращаться к параметрам маршрута, ссылаясь на this.params в этом раздел. 13.08.2015
  • Ваш пример отличается, потому что вы пытаетесь получить доступ к свойству params this в новой области, области действия вашей лямбда-функции, назначенной свойству data. Вне этой функции, в родительской области, this.params будет работать нормально. 23.08.2015
    • Новые материалы
    Как создать диаграмму градиентной кисти с помощью D3.js
    Резюме: Из этого туториала Вы узнаете, как добавить градиентную кисть к диаграмме с областями в D3.js. Мы добавим градиент к значениям SVG и применим градиент в качестве заливки к диаграмме с..
    Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что это выглядит сложно…
    Просто начните и учитесь самостоятельно Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что он кажется мне сложным, и я бросил его. Это в основном инструмент..
    Лицензии с открытым исходным кодом: руководство для разработчиков и создателей
    В динамичном мире разработки программного обеспечения открытый исходный код стал мощной парадигмой, способствующей сотрудничеству, инновациям и прогрессу, движимому сообществом. В основе..
    Объяснение документов 02: BERT
    BERT представил двухступенчатую структуру обучения: предварительное обучение и тонкая настройка. Во время предварительного обучения модель обучается на неразмеченных данных с помощью..
    Как проанализировать работу вашего классификатора?
    Не всегда просто знать, какие показатели использовать С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..
    Работа с цепями Маркова, часть 4 (Машинное обучение)
    Нелинейные цепи Маркова с агрегатором и их приложения (arXiv) Автор : Бар Лайт Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..
    Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
    Как вы сегодня, ребята? В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..
    Для любых предложений по сайту: [email protected]