我有一个字符串数组作为参数传递给组件,在组件内部,我使用“each”助手来呈现文本输入中的每个字符串。我尝试了以下方法。
我有一个模型作为参数传递给组件。我使用#each helper遍历该模型,但这不起作用。
例子:
1.模板
<div>
<Location::LocationList @model="{{@model}}"/>
</div>
1.LocationList组件:
<ul class="location-list">
{{#each this.args.model as |location|}}
<li>
{{@location.title}}
</li>
{{/each}}
</ul>
如果我这样做:
<ul class="location-list">
{{#each @model as |location|}}
<li>
<Location::LocationItem @location={{location}}/>
</li>
{{/each}}
</ul>
它可以根据需要工作。有什么建议吗?
1条答案
按热度按时间vu8f3i0k1#
根据关于组件参数的文档,使用上一个片段中的
@model
,是引用参数的正确方式。
通过e1d1e引用参数是为在组件的类主体中使用而保留的。
@namedArgs
语法在基于类的组件和仅模板组件之间是一致的,因为仅模板组件没有this
。