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 。