Sveltejs渲染HTML屬性有條件

Question

如何才能使一個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沒有設置屬性，當它看起來像autofocus='{{xyz}}，它設置屬性 - 屬性必須是一個字符串（這是無益的），而屬性可以是布爾值。