ember.js - 如何使用尖括号定义输入？

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 系列的早期版本中，您不需要value 属性前面的@or 。表示参数来自父上下文，如父组件或控制器，而引用属于该组件本身的属性。this@this.

输入的尖括号语法在RFC 459中提出并在3.10 版本中发布。如果您尝试将现有的 hbs 转换为尖括号，请查看语法转换指南并检查codemods。