Tengo problemas para crear el objeto correcto. Tengo un calendario que almacena las horas. Quiere que timeTable contenga tal objeto, por ejemplo
"timeTable":{ "0": [{"from":"08:00","to":"12:00"}, {"from":"14:00","to":"18:00"}], "1": [{"from":"08:00","to":"16:00"}] }Cómo, después de hacer clic en el botón Guardar, enviar dicho objeto a:
timeTable: Map<number, Array<HourScheduleDefinitionModel>>;interfaz:
interface HourScheduleDefinitionModel { from: string; to: string; }https://stackblitz.com/edit/angular-ivy-e92ezv?file=src%2Fapp%2Fapp.component.ts
const getTimeline = () => { result = [] for(item of data){ var start = -1, timeline = []; for(var i = 0; i < item.items.length; i++){ if(item.items[i] === 1){ if(start === -1) { start = i; } }else{ if(start !== -1){ timeline.push({"from": start < 10 ? "0" + start + ":00" : start + ":00" , "to": i < 10 ? "0" + i + ":00" : i + ":00"}); start = -1; } } if(start !== -1 && i === item.items.length - 1){ timeline.push({"from": start < 10 ? "0" + start + ":00" : start + ":00" , "to": "00:00"}); } } result.push({ day: item.name, timeline : timeline }) } return result; }datos de ejemplo: -
data = [ { name: 'Monday', items: [0, 1, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1], active: true }, { name: 'Tuesday', items: [1, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0], active: true } ]resultado :-
console.log(getTimeline(data)); [ { day: 'Monday', timeline: [ { from: '01:00', to: '02:00' }, { from: '03:00', to: '04:00' }, { from: '20:00', to: '00:00' } ] }, { day: 'Tuesday', timeline: [ { from: '01:00', to: '04:00' }, { from: '20:00', to: '21:00' } ] } ]Este es un ejemplo funcional de cómo agregar un nuevo mapa a su almacenamiento de objetos. Tenga en cuenta que el tipo de tabla de horarios no se usa en el código ya que el comentario de @AluanHaddad timeTable el mismo que estaba tratando de explicar.
var hours = {"timeTable":{ "0": [{"from":"08:00","to":"12:00"}, {"from":"14:00","to":"18:00"}], "1": [{"from":"08:00","to":"16:00"}] }}; interface HourScheduleDefinitionModel { from: string; to: string; } var newHour: HourScheduleDefinitionModel = { from: "09:00", to: "10:00" } var key = 2; var value = [newHour]; hours.timeTable[key.toString()] = value console.log(hours)Creo que quieres una matriz (indexada por números) en lugar de un objeto (indexado por cadenas):
interface HourScheduleDefinitionModel { from: string; to: string; } type TimeTable = (HourScheduleDefinitionModel[])[]; const tt: TimeTable = [ [{"from":"08:00","to":"12:00"}, {"from":"14:00","to":"18:00"}], // 0 [{"from":"08:00","to":"16:00"}], // 1 ]; console.log(tt[0]); console.log(tt[1]);