Question

问题是将对象或多个参数从模板传递给组件，并使用它们将数据添加到API。

task.service.ts

addTasks(task: Task): Observable<Task>{
 let headers = new Headers({'Content-type': 'application/json'});
 let options = new RequestOptions({ headers: headers });
 return this.http.post(this.tasksUrl, {task}, options)
 .map(this.extractData)
 .catch(this.handleError);

}

task.component.ts

addTasks(task){
this.taskService.addTasks(task)
.subscribe(
  task => this.tasks.push(task),
  error => this.errorMessage = <any> error
);

}

模板输入：

<input #todoTime type="text" class="form-control">&nbsp;
<input #todoName type="text" class="form-control">

模板按钮：

<button name="todoAdd" (click)="addTasks({name: todoName.value, time: todoTime.value}); todoName.value='',todoTime.value='' ">add</button>

Answer 1

在处理按钮的click事件时，用分号替换comman（，）。这应该有用。

<button name="todoAdd" (click)="addTasks({name: todoName.value, time: todoTime.value}); todoName.value=''; todoTime.value='' ">add</button>

我创建了这个简单的Plnkr，表明对象已传递给addTasks()函数。

传递多个参数或对象（单击）

1 个答案: