如何有条件地将输入属性设置为禁用（Adobe Sightly HTL）

【问题标题】：How to conditionally set input attribute as disabled (Adobe Sightly HTL)如何有条件地将输入属性设置为禁用（Adobe Sightly HTL）
【发布时间】：2021-04-09 15:17:30
【问题描述】：

考虑到输入可以具有禁用的属性，如果条件为真，将如何设置它？ :-)

概念： <input ${condition ? disabled : ''} />

【问题讨论】：

标签： sightly

【解决方案1】：

由于在 HTL/Sightly 中删除了虚假属性，您可以这样写：

<input disabled="${condition}" />

另见https://github.com/adobe/htl-spec/blob/master/SPECIFICATION.md#2231-detailed-examples

【讨论】：

【解决方案2】：

您可以使用 vuejs 轻松做到这一点。

应该是：

var app = new Vue({
  el: '#app',

  data: {
    disabled: 0,
  },
});

<input :disabled="disabled == 1" />

【讨论】：

感谢您对 Disco 的建议，但我正在寻找 Adobe HTL 上下文中的解决方案，而不是 VueJS :-)