Sveltejs有条件地渲染html属性

Question

如何使用svelte有条件地在html元素上呈现属性？要清楚，我不是在讨论条件值，而是存在属性本身。

例如，我想仅对此输入列表中的第一项进行自动对焦：

{{#each codeInputs as codeInput, index}}
  <input bind:value="inputCodes[index]" type="text" autofocus> 
{{/each}}

属性autofocus应仅适用于第一项。我可以使用索引来检测第一个项目，但autofocus="{{index===0}}"呈现autofocus="true"或"false"，这不是我需要的。

另见https://github.com/sveltejs/svelte/issues/259

Answer 1

试一试 - it does work。 Svelte在看到element(by.buttonText('Cancel')).click(); 之类的东西时没有设置属性，它设置了属性 - 属性必须是一个字符串（这是无益的），而property可以是一个布尔值。