首页 > 解决方案 > HTML“禁用”HTML输入的空格键

问题描述

我正在禁用textareas使用disabledHTML 属性。

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

很简单。这样就可以使客户端无法进入文本区域并进行更改。但是,我想disabled根据条件来做。

假设allowed是一个布尔值。我只想能够做到以下几点。

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

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

关于如何做到这一点的任何想法?谢谢!

标签: javascripttemplatesmeteormeteor-blazespacebars

解决方案


这是您需要使用所谓的属性助手的地方。

<textarea {{attributes}}>{{foo}}</textarea>
Template.foo.helpers({
  attributes() {
    return {
      disabled: allowed,
    };
  }
});

推荐阅读