角。控制台不显示输入值

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;
}

任务.ts

export class Task {
id: number;
title: string = '';
isDone: boolean = false;
constructor(values: Object = {}) {
Object.assign(this, values);
}
}

Answer 1

在 html 代码中，您可以使用 json 管道，这显示了视图上的实际值。

{{newTasks | json}}