导航图标加载在layout.html中，但对于撇号无头api则不加载片段

Question

我为无撇号创建了一个片段，该片段加载了我的主导航菜单。

'apostrophe-pages': {
      restApi: true,
      apiTemplates: [ 'leftMenu']
},

该片段具有两个功能：

• 在views / layout.html中，我{% include "apostrophe-pages:api/leftMenu.html" %}

• 并且我还通过该片段中的/api/v1/apostrophe-pages/?render=leftMenu.html将其传递到我们的角度应用程序中，我构建了菜单，包括一些导航按钮。

   {%- for tab in homeData._children -%} {% set imageURL = apos.attachments.url(apos.images.first(tab.navicon), { size: 'one-third' }) or null %} {{ apos.log(tab.navicon) }} <li><a href="/"><img src="{{ imageURL }}"></a></li> {% endfor %} 

问题：通过API调用此片段时，未加载这些tab.navicons 。

tab.navicon的 views / layout.html console.log

_docId:"cjiqwpbjb00202zya1uf6wcm8"
_dotPath:"navicon"
_edit:true
items:Array(1) [Object]
type:"area"
__proto__:Object {constructor: , __defineGetter__: , 
__defineSetter__: , …}

tab.navicon的/api/v1/apostrophe-pages/?render=leftMenu.html的console.log

items:Array(1) [Object]
type:"area"
__proto__:Object {constructor: , __defineGetter__: , 
__defineSetter__: , …}

有什么想法吗？ 可能是过滤器/深度问题吗？

Answer 1

当前，在单个调用中没有apostrophe-headless这是不可能的。 提取整个树的根GET路由和每页GET路由当前都具有将areas(false)硬编码以提高加载子级时的性能。

可以通过添加一个最初为空的方法来纠正此问题，该方法可以在查询发生之前修改该光标对象。 这样就可以进行项目级的覆盖。 这将需要一个无头撇号的拉取请求，但这并不是一个很困难的请求。

同时，解决方法是对每个子页面进行额外的无撇号调用。 页面本身的响应将始终加载区域（并因此与图像结合，从而填充您要查找的数据）。 为了提高性能，您可以将这些响应缓存在客户端代码中。

我已经为此打开了github问题 。