根據你的 stackblitz 樣本
import { Component, OnInit, VERSION } from "@angular/core";
@Component({
selector: "my-app",
templateUrl: "./app.component.html",
styleUrls: ["./app.component.css"]
})
export class AppComponent implements OnInit {
name = "Angular " + VERSION.major;
staticKpi2: {
kpi: string;
headerString: string;
footerString: string;
}[] = [];
staticKpi: {
kpi: string;
headerString: string;
footerString: string;
}[][] = [];
breakPoint = 3;
ngOnInit() {
this.populateObject();
}
populateObject() {
this.staticKpi2.push(
...[
{
kpi: "SpO2",
headerString: "High: 97 and above",
footerString: "Low: 94 and below"
},
{
kpi: "Temperature",
headerString: "High: 100.4 and above",
footerString: "Low: 94 and below"
},
{
kpi: "BP",
headerString: "High: 140/90 ",
footerString: "Low: 90/60"
},
{
kpi: "Respiratoin",
headerString: "High: 25 per min",
footerString: "Low: 10 per min"
},
{
kpi: "Pulse rate",
headerString: "High: 100 and above",
footerString: "Low: 50 and below"
},
{
kpi: "D-Dimer",
headerString: "Negative: 0.50 and Less",
footerString: "Positive: Greater than 0.50"
}
]
);
// console.log(this.staticKpi);
this.createGrouping();
}
createGrouping() {
for (let i = 0; i < this.staticKpi2.length; i += this.breakPoint) {
this.staticKpi.push([...this.staticKpi2].splice(i, this.breakPoint));
}
console.log(this.staticKpi);
}
}
