svelte - 如何在Svelte中动态设置 bool 属性？

Question

第一次尝试:

<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>
                                                                               ^

我能想到的最好的方法是:

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

Answer 1

精巧地“修复” HTML，以便disabled属性(和其他 bool 属性)表现得更加理智:

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

Demo here.

编辑:更新示例和演示到Svelte 3