我在 forEach 循环期间创建了一个新的主干模型,然后在内部运行另一个 forEach 循环并创建另一个主干模型并将其作为属性传递回前一个模型。
然而到最后,子模型似乎被添加到所有第一级模型中。
var page =
{ rows:
[
{ layout: '1:1:1'
, columns:
[
{ widgets:
[
{
type: 'twitter'
}
, {
type: 'facebook'
}
]
}
, { widgets:
[
{
type: 'image-slider'
}
, {
type: 'instagram'
}
]
}
, { widgets:
[
{
type: 'instagram'
}
]
}
]
}
, { layout: '2:1'
, columns:
[
{ widgets:
[
{
type: 'twitter'
}
]
}
, { widgets:
[
{
type: 'image-slider'
}
]
}
]
}
]
}
var app = {
models: {}
, collections: {}
, views: {}
}
app.models.Row = Backbone.Model.extend({
childColumns: []
})
app.models.Column = Backbone.Model.extend({
childWidgets: []
})
var renderedRows = []
_.each(page.rows, function (row, rowIndex) {
////////////// * ROWS * //////////////
var rowModel = new app.models.Row({
layout: page.rows[rowIndex].layout
})
renderedRows.push(rowModel)
_.each(row.columns, function (column, columnIndex) {
////////////// * COLUMN * //////////////
var columnModel = new app.models.Column()
rowModel.childColumns.push(columnModel)
})
})
console.log('first row child columns', renderedRows[0].childColumns)
console.log('second row child columns', renderedRows[1].childColumns)