Я пытаюсь получить доступ или, точнее, удалить класс внутри вложенного шаблона из его родительского шаблона. Вот как мой код структурирован.Доступ к div в вложенном шаблоне метеор
Родитель Шаблон
<template name='paymentTemplate'>
<div class="progress-wrapper">
{{>progressBar }}
</div>
</template>
Детский шаблон
<template name="progressBar">
<div class="progress">
<div class="checkoutPrg progress-bar progress-bar-success" role="progressbar" aria-valuenow="25"
aria-valuemin="0" aria-valuemax="100" style="width: 25%;">
Checkout
</div>
<div class="DeliveryPrg progress-bar progress-bar-danger " role="progressbar" aria-valuenow="25"
aria-valuemin="0" aria-valuemax="100" style="width: 25%;">
Delivery
</div>
<div class="PaymentPrg progress-bar progress-bar-danger" role="progressbar" aria-valuenow="25"
aria-valuemin="0" aria-valuemax="100" style="width: 25%;">
Payment
</div>
<div class="ConfirmationPrg progress-bar progress-bar-danger" role="progressbar" aria-valuenow="25"
aria-valuemin="0" aria-valuemax="100" style="width: 25%;">
Confirmation
</div>
</div>
</template>
Итак, моя цель состоит в том, чтобы удалить класс progress-bar-danger
из каждой соответствующей DIV и заменить его прогресс-бар-успех на лету. Любые идеи, как это сделать?
Передайте переменную шаблону 'progressBar' и зависните от этого класса (используйте реактивныйVar), аналогичный [this] (https: // форумы .meteor.com/т/шаблоны-и-практики: для обходя-данных-между-шаблоны/2951/100? и = Alon). – MasterAM