dynamicComponent Stencil

Question

在我的Stencil主题中，我通过更改大小图表文档的路径，为我打算包含的产品添加了一些不同大小的图表。我在Stencil文档中找到dynamicComponent，我认为我理解它的工作方式。在我的更高级别部分，我以这种方式将字符串绑定到组件 - （product.html）

<div class="container" itemscope itemtype="http://schema.org/Product">
    {{> components/products/product-view schema=true sizeChart='components/products/size_charts/tshirt.html'}}

    {{#if product.videos.list.length}}
        {{> components/products/videos product.videos}}
    {{/if}}

    {{#if settings.show_product_reviews}}
        {{> components/products/reviews reviews=product.reviews product=product urls=urls}}
    {{/if}}

</div>

（产物-view.html）

{{#if sizeChart}}
<div class="tab-content" id="tab-sizeChart">
    {{dynamicComponent sizeChart}}
</div>
{{/if}}

我希望改变的是未来主题维护中的变量sizeChart。当页面呈现时，我编写dynamicComponent的位置是空白的。

Answer 1

我使用if条件而不是dynamicComponent。这不是我认为的那样。