组件不使用模板

Question

我想扩展Ember的textarea组件。 因此，我使用以下内容在drop-files-textarea.js中创建了一个文件app/components：

import Ember from 'ember';

export default Ember.TextArea.extend({

// here comes the new behaviour
})

现在我想在它的模板中添加一些东西。因此，我使用以下内容在drop-files-textarea.js中创建了一个名为app/templates/components的文件：

{{yield}}
<p>added text</p>

此模板从未使用过。 Ember Inspector向我显示它使用内联模板。

我做错了什么？

Answer 1

使用了模板，但由于TextArea组件使用了tagName，因此您无法看到任何内容：＆＃39; textarea＆＃39;将组件包装在textarea html元素中，所以得到：

<textarea>
  <p>added text</p>
  aaaa
</textarea>

您可能想要使用内部的textarea组件创建一个新组件，或者使用value属性根据您的用例设置textarea的内容。

你也可以覆盖tagName，但是你没有得到一个文本区......

export default Ember.TextArea.extend({
  value: 'Content of the text area'
})