Свойство 'environment' не существует для типа 'HomeComponent'

Question

Я пытаюсь привязать значение среды к выпадающему списку, используя [(ngModel)]. Я получаю сообщение об ошибке «Среда свойств не существует в HomeComponent.»

home.component.html

<select class="form-control" [(ngModel)]="envModel.environment"
[name]="environment" (change)="onEnvSelect(envModel.environment)">
<option [value]="env.id" *ngFor="let env of constLists.Environment"> 
{{env.value}}
</option>
</select>

home.component.ts

import { EnvironmentModel } from './home-landing.model';

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.scss']
})

export class HomeComponent implements OnInit {
  envModel = {} as EnvironmentModel;
}

onEnvSelect(env) {
    this.envModel.environment = env;
}

home.model.ts

export interface EnvironmentModel {
    environment: string;
}

Произошла ошибка:

Ошибка в app \ home.landing.component.html: «Среда свойств не существует в HomeComponent.»

Answer 1

Прежде всего вы должны поместить весь код внутри класса HomeComponent в Home.Component.ts

import { EnvironmentModel } from './home-landing.model';

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.scss']
})

export class HomeComponent implements OnInit {
  envModel = {} as EnvironmentModel;


onEnvSelect(env) {
    this.envModel.environment = env;
}
}

и это домашняя посадка или home.model ??