0

Пытался применить ngModel, но выдает ошибку. Вот код шаблона:

<button class="btn btn-primary" (click)="addCar()" >Добавить машину</button>
<p>{{ addCarStatus }}</p>
<hr>

<app-car></app-car>
<app-car></app-car>

<hr>

<input type="text" class="form-control" #myinpt (keyup.enter)="onKeyUp(myinpt.value)" >
<input type="text" class="form-control" [(ngModel)]="inputText">
<p>{{ inputText }}</p>

Вот код компонента:

import { Component } from '@angular/core';

@Component({
  selector: 'app-cars',
  templateUrl: './cars.component.html',
  styleUrls: ['./cars.component.css']
})
export class CarsComponent {
  addCarStatus = '';
  inputText = 'Default Text';

  addCar() {
    this.addCarStatus = 'Машина добавлена';
  }

  onKeyUp(value) {
    this.inputText = value;
  }
}

И вот такая ошибка:

Error:(11, 41) Angular: Can't bind to 'ngModel' since it isn't a known property of 'input'.

В чем может быть причина?

0

2 ответа 2

1

Думаю причина в том, что не подключен FormsModule в вашем модуле, в котором объявлена компонента

1
  • Да, действительно проблема была в этом, спасибо 20 окт 2017 в 8:36
1

Забыли закрыть тег, исправьте на:

<input type="text" class="form-control" #myinpt (keyup.enter)="onKeyUp(myinpt.value)"/>
<input type="text" class="form-control" [(ngModel)]="inputText"/>
1
  • Тэг можно и не закрывать и ошибкой это не будет 20 окт 2017 в 6:17

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.