Ember Octane-如何循环通过组件内的模型记录?

x33g5p2x  于 2022-09-28  发布在  其他
关注(0)|答案(1)|浏览(127)

我有一个字符串数组作为参数传递给组件,在组件内部,我使用“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>

它可以根据需要工作。有什么建议吗?

vu8f3i0k

vu8f3i0k1#

根据关于组件参数的文档,使用上一个片段中的@model

<ul class="location-list">
  {{#each @model as |location|}}
    <li>
      <Location::LocationItem @location={{location}}/>
    </li>
  {{/each}}
</ul>

是引用参数的正确方式。
通过e1d1e引用参数是为在组件的类主体中使用而保留的。
@namedArgs语法在基于类的组件和仅模板组件之间是一致的,因为仅模板组件没有this

相关问题