Angular 有棱角的控制台不';不显示输入值

Angular 有棱角的控制台不';不显示输入值,angular,user-input,Angular,User Input,面临控制台不显示输入值的问题。 只是[任务,任务,任务..] 但我需要捕捉输入值并对其进行处理 app.component.html <input [(ngModel)]="newTask.title" (keyup.enter)="addTask()"> taskData.Service export class TaskDataService { lastId: number = 0; tasks: Task[] = []; constructor() {

面临控制台不显示输入值的问题。 只是[任务,任务,任务..] 但我需要捕捉输入值并对其进行处理

app.component.html

<input [(ngModel)]="newTask.title" (keyup.enter)="addTask()">
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

addTask() {
this.taskDataService.addTask(this.newTask);
this.newTask = new Task();
console.log(this.tasks);
}
  export class Task {
  id: number;
  title: string = '';
  isDone: boolean = false;

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

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

{{newTasks | json}}

您的代码中的
this.tasks
是什么?只需JSON.stringify()任务即可查看所有数据…是的,将其转换为字符串。算了吧。谢谢