Угловой. консоль не показывает значения ввода

Question

Столкнулся с проблемой, что консоль не показывает входное значение. просто [задача, задача, задача ..] но мне нужно поймать входное значение и утешить его

app.component.html

<input [(ngModel)]="newTask.title" (keyup.enter)="addTask()">

app.component.ts

addTask() {
this.taskDataService.addTask(this.newTask);
this.newTask = new Task();
console.log(this.tasks);
}

taskData.Service

  export class TaskDataService {

  lastId: number = 0;
  tasks: Task[] = [];

  constructor() { }

  addTask(task: Task): TaskDataService {
    if(!task.id) {
      task.id = ++this.lastId;
    }
    this.tasks.push(task);
    return this;
  }

tasks.ts

  export class Task {
  id: number;
  title: string = '';
  isDone: boolean = false;

  constructor(values: Object = {}) {
    Object.assign(this, values);
  }
}

Answer 1

Внутри html-кода вы можете использовать канал json, это показывает реальное значение в представлении.

{{newTasks | json}}