问表单组下拉菜单内容在json中不存在，Angular 6

EN

<div class="jumbotron">
  <div class="container">
    <div class="row">
      <div class="col-md-3 col-sm-12 offset-md-4">
        <h3>Fyll inn</h3>
        <form name="form" (ngSubmit)="f.form.valid && onSubmit()" #f="ngForm" novalidate>
          <div class="form-group">
            <label for="CarType">Bil type</label>
            <select id="CarType" name="CarType" [(ngModel)]="CarType" class="form-control">
              <option [ngValue]="CarType" *ngFor="let CarType of CarTypes" [value]="CarType.Id">{{CarType.Name}}</option>
            </select>
          </div>
          <div class="form-group">
            <label for="LicensePlate">Skiltnummer</label>
            <input type="text" class="form-control" name="LicensePlate" [(ngModel)]="model.LicensePlate" #LicensePlate="ngModel" [ngClass]="{ 'is-invalid': f.submitted && LicensePlate.invalid }" required />
            <div *ngIf="f.submitted && LicensePlate.invalid" class="invalid-feedback">
              <div *ngIf="LicensePlate.errors.required">Skiltnummer er påkrevd</div>
            </div>
          </div>
          <div class="form-group">
            <label for="KilometersDriven">Kilometerstand</label>
            <input type="number" class="form-control" name="KilometersDriven" [(ngModel)]="model.KilometersDriven" #KilometersDriven="ngModel" [ngClass]="{ 'is-invalid': f.submitted && KilometersDriven.invalid }" required />
            <div *ngIf="f.submitted && KilometersDriven.invalid" class="invalid-feedback">
              <div *ngIf="KilometersDriven.errors.required">Kilometerstand er påkrevd</div>
            </div>
          </div>
          <div class="form-group">
            <label for="Seats">Antall seter</label>
            <input type="number" class="form-control" name="Seats" [(ngModel)]="model.Seats" #Seats="ngModel" [ngClass]="{ 'is-invalid': f.submitted && Seats.invalid }" required />
            <div *ngIf="f.submitted && Seats.invalid" class="invalid-feedback">
              <div *ngIf="Seats.errors.required">Antall seter er påkrevd</div>
            </div>
          </div>
          <div class="form-group">
            <label for="Gears">Antall gir</label>
            <input type="number" class="form-control" name="Gears" [(ngModel)]="model.Gears" #Gears="ngModel" [ngClass]="{ 'is-invalid': f.submitted && Gears.invalid }" required />
            <div *ngIf="f.submitted && Gears.invalid" class="invalid-feedback">
              <div *ngIf="Gears.errors.required">Antall gir er påkrevd</div>
            </div>
          </div>

          <div class="form-group">
            <button class="btn btn-primary">Registrer</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

import { Component, OnInit } from '@angular/core';
import { CarType } from 'src/shared/models/cartype.model';


@Component({
  selector: 'app-add-car',
  templateUrl: './add-car.component.html',
  styleUrls: ['./add-car.component.css']
})
export class AddCarComponent implements OnInit {
  CarTypes: CarType[] = [
    { Id: 1, Name: 'SUV' },
    { Id: 2, Name: 'Coupe' },
    { Id: 3, Name: 'Sedan' }
  ]


  model: any = {};

  onSubmit() {
    console.log(this.model)
    alert('SUCCESS \n\n' + JSON.stringify(this.model))
  }

  constructor() { }

  ngOnInit() {

  }

}

export class CarType {
  Id: number;
  Name: String;
}

{LicensePlate: "RH123123", KilometersDriven: 120000, Seats: 5, Gears: 6}