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来实现这一点。

使用AMP-HTML进行条件加载

1 个答案: