La propriété '...' n'a pas d'initialiseur et n'est pas définitivement affectée dans le constructeur.

Question

Dans mon application Angular j'ai un composant:

import { MakeService } from './../../services/make.service';
import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-vehicle-form',
  templateUrl: './vehicle-form.component.html',
  styleUrls: ['./vehicle-form.component.css']
})
export class VehicleFormComponent implements OnInit {
  makes: any[];
  vehicle = {};

  constructor(private makeService: MakeService) { }

  ngOnInit() {
    this.makeService.getMakes().subscribe(makes => { this.makes = makes
      console.log("MAKES", this.makes);
    });
  }

  onMakeChange(){
    console.log("VEHICLE", this.vehicle);
  }
}

mais dans la propriété "makes" j'ai une erreur. Je ne sais pas quoi en faire...

Answer 1

Il suffit d'aller dans tsconfig.json et de régler

"compilerOptions": {
    "strictPropertyInitialization": false,
    ...
}

pour vous débarrasser de l'erreur de compilation.

Sinon, vous devez initialiser toutes vos variables, ce qui est un peu ennuyeux.

Answer 2

Je pense que vous utilisez la dernière version de TypeScript. Veuillez consulter la section "Initialisation stricte de classe" dans le lien.

Il y a deux façons de résoudre ce problème :

A. Si vous utilisez VSCode, vous devez modifier la version de TS que l'éditeur utilise.

B. Il suffit d'initialiser le tableau lors de sa déclaration

makes: any[] = [];

ou à l'intérieur du constructeur :

constructor(private makeService: MakeService) { 
   // Initialisation à l'intérieur du constructeur
   this.makes = [];
}

Answer 3

C'est parce que TypeScript 2.7 inclut une vérification stricte de classe où toutes les propriétés doivent être initialisées dans le constructeur. Une solution de contournement consiste à ajouter le ! comme suffixe du nom de la variable:

makes!: any[];

Answer 4

Vous devez soit désactiver le --strictPropertyInitialization auquel Sajeetharan a fait référence, soit faire quelque chose comme ceci pour satisfaire l'exigence d'initialisation :

makes: any[] = [];

Answer 5

Vous pouvez également faire ce qui suit si vous ne voulez vraiment pas l'initialiser.

makes?: any[];