Angular 5 - "Cannot read property of undefined"

Question

In Angular 5, for input

<input name="techSpecMeta.make" [(ngModel)]="techSpecMeta.make" type="text" class="form-control border-input" placeholder="Enter car brand">

getting error Cannot read property 'make' of undefined at Object.eval [as updateDirectives]

export class UserComponent implements OnInit {
  constructor(private vahinfo: VehicleInfo) {}
  ngOnInit() {}
  techSpecMeta: {};
  onSave = function(vehicle, isValid: boolean) {
    this.vahinfo.saveVehicle(vehicle).subscribe(data => {
      console.log(data.data)
    }, error => this.errorMessage = error)
  }
}

Answer 1

techSpecMeta: {};

In Type script this means to declare a property of type {} with no value initialized. It is the same as:

techSpecMeta: Object;

You should instead be doing

techSpecMeta = {};

To make the binding work, you will need the property make as well.

techSpecMeta = {make: null};

Ideally you would create a class/interface for TechSpecMeta

class TechSpecMeta {
    make: null;
    anotherProperty: null;
}

and use it in your component

techSpecMeta = new TechSpecMeta();

Answer 2

please try to intialize it as below description

public techSpecMeta = <any> {};