Ember Octane - 如何循环访问组件内的 model 记录？

Question

我有一个字符串数组作为参数传递给组件，在组件内部我使用“每个”帮助器来呈现文本输入中的每个字符串。 我尝试了以下方法。

我有一个 model 作为参数传递给组件。 我正在使用#each helper 遍历该 model 但这不起作用。

例子：

1. 模板

<div>
<Location::LocationList @model="{{@model}}"/>
</div>

2. 位置列表组件：

<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>

它根据需要工作。 有什么建议么？

Answer 1

根据Component Arguments上的文档，使用上一个片段中的@model ，

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

是引用 arguments 的正确方法。

通过this.args引用 args 保留用于组件的 class 主体。

@namedArgs语法在基于类的组件和仅模板组件之间是一致的，因为仅模板组件没有this 。