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

Попробуйте - это работает. Svelte не устанавливает атрибут, когда видит что-то вроде autofocus='{{xyz}}, он устанавливает свойство - атрибут должен быть строкой (что бесполезно), тогда как свойство может быть логическим.