Рули ограничивают область действия частичной переменной одним потомком

Используя руль, можно передать жало от одного частичного к другому таким образом:

Родительский шаблон

<div class="two-col">
  {{>text-field parentclass="two-col__"}}
  {{>text-field parentclass="two-col__"}}
</div>

Детский шаблон

<div class="{{parentclass}}text-field">
  {{>atoms-labels}}
</div>

Дитя этого ребенка

<label class="label">Label Text</label>

Приведет к

<div class="two-col">
  <div class="two-col__text-field">
    <label class="label">Label Text</label>
  </div>
</div>

Тем не менее, я хотел бы иметь заполнитель для имени "родительского класса" в метке на случай, если другой блок (использующий здесь Atomic Design) захочет вставить этот элемент. Было бы идеально, если бы {{parentclass}} всегда можно было использовать (вместо того, чтобы каждый раз придумывать разные имена заполнителей). Тем не менее, область передачи строки не останавливается на первом дочернем элементе, она будет идти до самого конца.

Так

<div class="two-col">
  {{>text-field parentclass="two-col__"}}
  {{>text-field parentclass="two-col__"}}
</div>

+

<div class="{{parentclass}}text-field">
  {{>atoms-labels}}
</div>

+

<label class="{{parentclass}}label">Label Text</label>

знак равно

<div class="two-col">
  <div class="two-col__text-field">
    <label class="two-col__label">Label Text</label>
  </div>
</div>

Есть ли способ ограничить область действия этой переменной, передаваемой только непосредственному потомку?

0 ответов

Другие вопросы по тегам