{{#each locationTable as |locationShifts index|}}
{{#each get reasons index as |value|}}
{{value}}
{{/each}}
{{/each}}我想做這樣的事情。同時使用 2 個助手“each”和“get”。我怎樣才能實現這樣的目標？
2 回答
Smart貓小萌
TA貢獻1911條經驗 獲得超7個贊
如果我在自己的代碼庫中解決這個問題，我會@tracked在 Octane 中編寫一個 getter 函數，或者在 pre-octane Ember 中編寫一個計算屬性，將兩個數組映射到新對象中。在我看來，將它們映射到對它們之間的關系進行建模的對象中要好得多（而不是依賴于代碼庫中隨處可見的兩個單獨數組中的每個項目的索引，這不是我覺得直觀的東西，而且似乎可能會導致意外的結果）稍后會出現錯誤）。
假設我有一個姓名列表和一個角色列表。
const names = ['Will', 'Wes', 'Janine'],
roles = ['Father', 'Son', 'Mother'];
const people = names.map((name, idx) => {
return {
name: name,
role: roles[idx]
};
});
您可以推斷它作為計算/跟蹤屬性的外觀。關鍵是我已經成功地對數據進行了邏輯分組。這樣，在模板中您就可以：
{{#each people as |person|}}
{{person.name}} is a {{person.role}}
{{/each}}
而不需要同時走到離散的陣列。在 JavaScript 中對數據進行建模，并且模板易于編寫/遵循
慕的地10843
TA貢獻1785條經驗 獲得超8個贊
這將是
{{#each (get reasons index) as |value|}}
{{value}}
{{/each}}
但我不能 100% 確定是否get適用于數組上的數字索引。
- 2 回答
- 0 關注
- 139 瀏覽
添加回答
舉報
0/150
提交
取消