Как определить ввод с помощью угловых скобок?

Question

Я знаю, как сделать ввод в Ember, используя фигурные скобки:

{{input type="text" value=userInput}}

Как мне сделать это с помощью синтаксиса компонента угловых скобок?

Answer 1

<Input @type="text" @value={{@parentVal}} />
or
<Input @type="text" @value={{this.localVal}} />

угловые скобки эквивалентны {{input type="text" value=userInput}},

В версиях ранних версий 3.x вам не нужны @ или же this перед атрибутом значения. @ означает, что аргумент исходит из родительского контекста, как родительский компонент или контроллер, в то время как this. относится к свойству, которое принадлежит самому компоненту.

Синтаксис угловых скобок для входов был предложен в RFC 459 и выпущен в версии 3.10. Если вы пытаетесь преобразовать существующие hbs в угловые скобки, ознакомьтесь с руководством по преобразованию синтаксиса и проверьте кодовые модули.