以下是一个在一个嵌套数组的模型中添加数字的解决方法的示例代码:
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
template: `
Original Model:
{{ model | json }}
Updated Model:
{{ updatedModel | json }}
`,
styleUrls: ['./app.component.css']
})
export class AppComponent {
model = [
{
name: 'John',
numbers: [1, 2, 3]
},
{
name: 'Jane',
numbers: [4, 5, 6]
}
];
updatedModel = JSON.parse(JSON.stringify(this.model));
constructor() {
this.addNumber(7, 1); // Add number 7 to the second element's numbers array
}
addNumber(num: number, index: number) {
this.updatedModel[index].numbers.push(num);
}
}
在上面的代码中,我们有一个嵌套数组的模型 model
,其中包含两个对象,每个对象都有一个名为 numbers
的数字数组。我们使用 JSON.parse(JSON.stringify(this.model))
来创建一个副本 updatedModel
,以避免直接修改原始模型。
在 constructor
中,我们调用 addNumber
方法来添加数字到 updatedModel
中的第二个元素的 numbers
数组。addNumber
方法接受一个数字和一个索引作为参数,并使用索引来访问 updatedModel
中的元素,在该元素的 numbers
数组中添加数字。
最终,我们在模板中显示原始模型和更新后的模型,以验证数字是否已成功添加到 updatedModel
中。