HTML ‘禁用’ HTML 输入的空格键

Question

我正在使用 disabled HTML 属性.

禁用 textareas

<textarea disabled>{{foo}}</textarea>

很简单。这使它能够使客户端无法进入文本区域并进行更改。但是，我想根据条件 disabled。

假设 allowed 是一个布尔值。我只想能够执行以下操作。

<textarea {{#unless allowed}} disabled  {{/unless}}>{{foo}}</textarea>

但这会导致模板出错。在 VS Code 中，{{#unless allowed}}disabled{{ 变为蓝色，/unless}} 变为红色。

知道如何做到这一点吗？谢谢！

Answer 1

这是您需要使用 so-called attribute helper.

的地方

<textarea {{attributes}}>{{foo}}</textarea>

Template.foo.helpers({
  attributes() {
    return {
      disabled: allowed,
    };
  }
});

Spacebars for HTML ‘disabled’ HTML input