使textarea只读

Question

textarea html标记有一个名为readonly的属性，它在Ember {{textarea}}帮助器中不起作用。 <textarea readonly></textarea>有效，{{testarea readonly}}会产生错误。使用{{textarea}}时，只有简单的方法才能使textarea读取？

Answer 1

这是来自input helpers的EmberJS文档的引用：

  

使用这些帮助程序，您可以使用声明创建这些视图   几乎与您创建传统<input>或   <textarea>元素。

这两个都可行

{{textarea readonly="readonly"}}
{{textarea readonly="true"}}

Answer 2

问题是因为您只是指定了readonly而没有将readonly设置为真值

强制文本字段只读的方式

<script type="text/x-handlebars" data-template-name="app">
  {{textarea readonly=true}}
</script>

Answer 3

您可以扩展textarea视图并向其添加readonly属性：

App.TextAreaRView = Ember.TextArea.extend({
  attributeBindings:['readonly'],
  readonly:true
});
Ember.Handlebars.helper('textarea-R', App.TextAreaRView);

并且在把手中你可以使用它：

 <script type="text/x-handlebars" data-template-name="app">
   {{textarea-R}}
 </script>