我有一个 amp-list 可以轻松输出一堆 div,我唯一的问题是我希望第一个输出项具有一些与其他输出项不同的属性。
这是一个例子:
<amp-list layout="responsive" width="40" height="67" src="someurl" items="." single-item=".">
<template type="amp-mustache">
{{#NewsPaperPages}}
<div role="tab" class="tabButton" option="{{PageNum}}" aria-selected="false" tabindex="0"></div>
{{/NewsPaperPages}}
</template>
</amp-list>
这导致了这一点:
<div role="tab" class="tabButton" option="1" aria-selected="false" tabindex="0"></div>
<div role="tab" class="tabButton" option="2" aria-selected="false" tabindex="0"></div>
<div role="tab" class="tabButton" option="3" aria-selected="false" tabindex="0"></div>
但我希望第一项是:
<div role="tab" class="tabButton" option="1" aria-selected="true" tabindex="0" selected ></div>
wherearia-selected
设置为true
并且selected
属性已添加