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

Question

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

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

Answer 1

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

它将是：

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

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

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

Answer 2

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

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

How to conditionally set input attribute as disabled (Adobe Sightly HTL)