HTML“禁用” HTML输入的空格键

问题描述

我正在使用textareas HTML属性禁用disabled。

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

足够简单。这样可以使客户端无法输入文本区域并进行更改。但是，我想根据条件来设置disabled。

假设allowed是布尔值。我希望能够执行以下操作。

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

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

关于如何执行此操作的任何想法？谢谢！

解决方法

这是您需要使用所谓的attribute helper的地方。

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

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