Ember V/s Angular 中自定义组件的属性绑定差异

Question

在 Angular 中，如果我们想从外部为自定义组件绑定属性，我们必须使用“@Input”来允许从外部设置该属性（即从使用组件模板）

EmberJS 是否也有某种类似的机制，或者它是否允许直接从模板 (hbs) 绑定而不在组件 JS 中添加/标记任何内容？Ember Octane V/s 早期版本的 Ember 有什么不同吗？

Answer 1

不，您不一定必须添加输入标签，但您必须在尝试将属性传递到的组件内声明属性。{{#each model as |post|}}{{blog-post title=post.title body=post.body}}{{/each}}blog-post 组件，定义一个名为 title 的属性，这应该可以工作。

Answer 2

是的，它允许从组件外部进行绑定，而无需向组件 js 添加任何内容在组件 hbs 文件中<p>{{@attribute}}</p>从外面<MyComponent&nbsp;@attribute="attributeValue"/>您也可以从组件 js 中获取绑定属性@tracked&nbsp;mycomponentAttribute&nbsp;=&nbsp;this.args.attribute;在组件 hbs 文件中<p>{{this.mycomponentAttribute}}</p>