Comment ajouter le nombre avec `index` dans le modèle` hbs`

Question

J'essaye d'ajouter un nombre à une valeur index existante mais j'obtiens une erreur. Comment résoudre ceci?

Voici mon essai: à la fois tabindex="{{index+1}}", et class="digit{{index+1}}" lancer une erreur.

{{#each cardDigitField as |field index|}} 
    <input type="number" tabindex="{{index+1}}" min="0" max="9" maxlength="1" value='' 
    onKeyUp={{action "numberEntered" index}} 
    onKeyPress={{action "numberInit" }} class="digit{{index+1}}"> 
{{/each}} 

Answer 1

Vous pouvez en apprendre davantage sur les expressions de modèle à partir Angular, mais les expressions de modèle ne sont pas pris en charge dans Ember par défaut. Ce que vous pouvez faire est d'utiliser un assistant de modèle Ember.

Soit vous create your own ou utilisez un addon (par exemple ember-composable-helpers).

{{#each cardDigitField as |field index| }} 
    <input type="number" tabindex="{{inc index}}" min="0" max="9" maxlength="1" value='' 
     onKeyUp={{action "numberEntered" index}} 
     onKeyPress={{action "numberInit" }} class="digit{{inc index}}"> 
{{/each}}