我是Aspostophy CMS的新手,我被卡在widget.html的数组它与c podcast __footer-streaming一起在div中。
这是我的小部件(index.js):
module.exports = {
extend: 'apostrophe-widgets',
label: 'Musicstream',
addFields: [
{
name: 'preheadline',
type: 'string',
label: 'Preheadline',
required: true
},
{
name: 'title',
type: 'string',
label: 'Title',
required: true
},
{
name: 'cover',
type: 'singleton',
label: 'Cover',
widgetType: 'apostrophe-images',
required: true
},
{
name: 'button',
type: 'string',
label: 'Button',
def: 'Abonnieren'
},
{
name: 'buttonlink',
type: 'string',
label: 'Button Link',
def: 'https://www.handelsblatt.com'
},
{
name: 'more',
type: 'string',
label: 'More',
def: 'https://www.handelsblatt.com/audio/'
},
{
name: 'streamingsource',
label: 'Streaming Dienst',
type: 'array',
schema: [
{
name: 'name',
type: 'string',
label: 'Name'
},
{
name: 'icon',
type: 'singleton',
label: 'Icon',
widgetType: 'apostrophe-images',
required: true
},
{
name: 'streamlink',
type: 'string',
label: 'Stream Link',
required: true
}
]
}
]
};
这就是我尝试将其包含在Wiget模板视图/widget.html中的方式:
<div class="c-podcast">
<div class="c-podcast__header clearfix">
<button class="c-podcast__header-play"></button>
<div class="c-podcast__header-text">
<span>{{ data.widget.preheadline }}</span>
<h2>{{ data.widget.title }}</h2>
</div>
{{ apos.singleton (data.widget, 'cover', 'apostrophe-images') }}
</div>
<div class="c-podcast__player">
<div class="c-podcast__player-scrollbar"></div>
<span class="c-podcast__player-position"></span>
<span class="c-podcast__player-time">-04:38</span>
</div>
<div class="c-podcast__footer clearfix">
<button class="c-podcast__footer-cta" type="button">{{ data.widget.button }}</button>
<div class="c-podcast__footer-streaming">
{{ apos.area (data.widget, 'apostrophe-schemas', {
streamingsource: {
name: {},
icon: {},
streamlink: {}
}
})
}}
</div>
<a class="c-podcast__footer-more" href="{{ data.widget.more }}">Alle Episoden ›</a>
</div>
,但我唯一得到的是一个空的div: <div class="apos-area" data-apos-area="" data-doc-id=""></div>
有人可以帮我吗?:)非常感谢,Magvector
[编辑澄清的问题]
而不是试图通过Singleton函数显示数组数据,而只是在数组上迭代并输出您想要的内容。
在views/widget.html
{% for icon in data.widget.streamingsource %}
The icon name: {{ icon.name }}
The image: {{ apos.singleton(icon, 'icon', 'apostrophe-images') }}
streamlink: {{ icon.streamlink }}
{% endfor %}