Компонент не использует шаблон

Question

Я хочу расширить компонент Textarea Ember. Поэтому я создал файл 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> 

Этот шаблон никогда не используется, хотя. The Ember Inspector показывает мне, что он использует встроенный шаблон.

Что я делаю неправильно?

Answer 1

используется шаблон, но вы ничего не увидите, так как компонент TextArea использует тэгу: «» текстовое поле, чтобы обернуть компонент в текстовое поле элемента HTML, так что вы получите:

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

Вы можете для создания нового компонента с использованием компонента textarea внутри или использования свойства value для установки содержимого текстового поля в зависимости от вашего варианта использования.

Вы также можете перезаписать тэгу, но тогда вы не получите текстовую область ...

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