如何將optionValue附加到輸入ID和動態標籤屬性？

Question

假設選項= [ 「低」， 「中」， 「高」]

---

{{#each optionValue in options}} 
    <span> 
     <input type="radio" id="screen-risk-{{optionValue}}" name="riskRating"/> 
     <label for="screen-risk-{{optionValue}}" name="checkbox"> Low </label> 
    </span> 
{{/each}} 

如何追加optionValue於輸入ID和標籤用於動態屬性？

不使用任何幫手，它應該像屏幕風險低，屏幕風險介質，屏幕風險高

Answer 1

綁定屬性語法它只有在灰燼支持>= 1.11.0

見release blog post

爲了得到你想要的，在當前版本的燼（1.10.0）。您可以使用unbound

{{#each optionValue in options}} 
    <span> 
     <input type="radio" id="screen-risk-{{unbound optionValue}}" name="riskRating"/> 
     <label for="screen-risk-{{unbound optionValue}}" name="checkbox"> {{optionValue}} </label> 
    </span> 
{{/each}} 

但如文檔所描述的，它不會，如果它的變化更新：

綁定您就可以輸出屬性沒有約束力。重要提示：如果屬性更改，則輸出不會更新。謹慎使用。

看到一個demo