Условный рендеринг под нагрузкой с AMP-HTML

Question

У меня есть файл JSON, и я хотел бы отображать элементы на основе значения свойства в файле JSON.Давайте подумаем, что JSON выглядит примерно так:

{"Items":
   [
      {"Title":"Text","Type" : 1,...},
      {"Title":"Text","Type" : 0,...},
      {"Title":"Text","Type" : 0,...},
      {"Title":"Text","Type" : 1,...},
      {"Title":"Text","Type" : 0,...}
   ]
}

в моем проекте AMP я использовал что-то вроде этого:

<div [class]="{{type}} == 0 ? 'class-0' : 'class-0' ">DATA</div>

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

Answer 1

Насколько я знаю, невозможно оценить выражения связывания при загрузке страницы.В документах четко сказано следующее:

Для повышения производительности и во избежание неожиданного скачка содержимого программа amp-bind не оценивает выражения при загрузке страницы.Это означает, что для визуальных элементов должно быть задано состояние по умолчанию, и они не должны использовать amp-bind для начального рендеринга.

Однако amp-access может выполнять условный рендеринг при загрузке страницы без взаимодействия с пользователем.В зависимости от ваших требований вы сможете достичь этого, используя amp-access.