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