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

角。控制台不显示输入值

1 个答案: