Sass 如何在aurelia中使用repeat.for生成一个li？ ${row.title}

事实上，我想设计用repeat.for方法生成的路由器按钮之一

---

您可以使用$index上下文变量标识第一个重复的元素。 这将导致类似这样的情况：

<ul>
  <li repeat.for="row of router.navigation" > ${row.title} 
  </li>
</ul>

<ul>
  <li repeat.for="row of router.navigation" >
   <a if.bind="$index === 0" class="blah"> ${row.title} </a>
   <a else class="another class"> ${row.title} </a>
  </li>
</ul>

${row.title}
${row.title}

如果需要在

标记上进行样式设置，解决方案可以如下所示：

<ul>
  <li repeat.for="row of router.navigation" > ${row.title} 
  </li>
</ul>

<ul>
  <li repeat.for="row of router.navigation" >
   <a if.bind="$index === 0" class="blah"> ${row.title} </a>
   <a else class="another class"> ${row.title} </a>
  </li>
</ul>

${row.title}
${row.title}

作为一个单行程序选项，您可以将类属性与

<ul>
  <template repeat.for="row of router.navigation" >
    <li if.bind="$index === 0" class="blah"> ${row.title} </li>
    <li else class="another class"> ${row.title} </li>
  </template>
</ul>

---

为什么不为你的

使用css类并设置样式呢？@dragonThinks我想设置第一个li的样式实际上有导航栏列表，我想创建的第一个li有边框上/左下半径：blah；您可以使用$index上下文变量标识第一个重复的元素。这将导致类似这样的情况：

• ${row.title}${row.title}
@Cristiánormazabal您是否介意将其作为一个答案，这样我就可以给您投票了！我想设计上面的li，你能更具体一些吗？仅供参考，你也可以使用$first和$last。谢谢你的工作，但我想知道，我能得到具体的li还是aurelia生成的其他东西。。。顺便说一下，它的工作。