Angular problem with array constructor and oninit

Question

src/app/views/tasks/tasks.component.ts:12:3 - error TS2564: Property 'tasks' has no initializer and is not definitely assigned in the constructor. 12 tasks: Task[];

export class TasksComponent implements OnInit {

  tasks: Task[];

  constructor(private dataHandler: DataHandlerService) {

  }

  ngOnInit() {
    this.dataHandler.tasksSubject.subscribe(tasks=>this.tasks = tasks);
  }
}

You might find [this question](https://stackoverflow.com/q/66603888/1858357) useful. — BizzyBob, Feb 25 '23 at 18:14

score 0 · Accepted Answer · answered Feb 25 '23 at 15:41

The compiler is repporting the error because tasks is not init and will only get a value once the subject has submitted a value.

you probably should have :

export class TasksComponent implements OnInit {
   tasks: Task[]|undefined;
}

To represent that tasks are undefined until the subscription.

Angular problem with array constructor and oninit

1 Answers1