Bind two html view with one js template on meteor.js

Question

У меня есть 2 отдельных html-шаблона для рабочего стола и мобильного телефона с общей логикой. Есть ли возможность связать эти html-шаблоны с одним шаблоном js?

Answer 1

Самый простой способ, который я нашел, это использовать dynamic template, чтобы выбрать шаблон для мобильного или рабочего стола и прикрепить js к родительскому шаблону - такому, который встраивает динамический шаблон.

Answer 2

Вы можете использовать медиа-запросы для этого. Он позволяет указать точки останова (т. Е. Размеры экрана), на которых будет отображаться HTML-рендеринг. Это позволит пользователю рабочего стола просматривать мобильный вид, просто изменив размер окна.

http://www.w3schools.com/css/css_rwd_mediaqueries.asp

Answer 3

В моем случае решение было рядом я Blaze для переключения между шаблонами, как посоветовал мне Мишель Floyd, и помощники были просто переданы DataContext для обоих шаблонов. Мой общий HTML вид страницы и часть Js шаблона ниже

<template name="signUpTutor"> 
{{#if equals view 'mobile'}} 
    {{> Template.dynamic template="signUpTutorMobile" data=dataContext}} 
{{else}} 
    {{> Template.dynamic template="signUpTutorDesktop" data=dataContext}} 
{{/if}} 

Template.signUpTutor.helpers({ 
'equals': function (a, b) { 
    return a == b; 
}, 
'dataContext': function() { 
    var dataContext = {} 
    dataContext.subjects = Subjects.find(); 
    dataContext.ageOptions = function() { 
     var ageOptions = []; 
     for (var i = 0, a = 19; a <= 99; i++, a++) { 
      ageOptions[i] = a; 
     } 
     return ageOptions; 
    }; 
    dataContext.experienceOptions = function() { 
     var experienceOptions = []; 
     for (var i = 0, a = 1; a <= 60; i++, a++) { 
      experienceOptions[i] = a; 
     } 
     return experienceOptions; 
    }; 
    return dataContext; 
} 

});