带有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不计算页面加载上的表达式。这意味着视觉元素应该被赋予一个默认的状态，而不是依赖于安培绑定的初始渲染。

但是，amp-access可以在页面加载时执行条件呈现，而无需用户交互。根据您的需求，您应该能够使用amp-access实现这一点。