2017-07-31 21 views
0

初の試み:Svelteでブール値属性を動的に設定するにはどうすればよいですか?

<button type="submit" class="button" {{#if isDirty(item)}}disabled{{/if}}>Save2</button> 

は、コンパイル時にエラーが発生します。

bundling... 
    (svelte plugin) Error: (28:75) Expected > 
26:   <div class="row"> 
27:   <!-- FIXME Can't set an attribute dynamically? --> 
28:   <button type="submit" class="button" {{#if isDirty(item)}}disabled{{/if}}>Save2</button> 
                      ^

私が思い付くことが最高:disabled属性よう

{{#if isDirty(item)}} 
    <button type="submit" class="button" disabled>Save</button> 
{{else}} 
    <button type="submit" class="button">Save</button> 
{{/if}} 

答えて

0

スヴェルト '修正' HTMLを(およびその他のブール値の属性)は、より安全に動作します。

<button type="submit" class="button" disabled='{{isDirty(item)}}'>Save</button> 

Demo here.

+0

ありがとう、私はすでにそれを試してみたと思った。 – ScottM

関連する問題