Angular 有棱角的控制台不';不显示输入值
面临控制台不显示输入值的问题。 只是[任务,任务,任务..] 但我需要捕捉输入值并对其进行处理 app.component.htmlAngular 有棱角的控制台不';不显示输入值,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() {
<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()任务即可查看所有数据…是的,将其转换为字符串。算了吧。谢谢