问题是将对象或多个参数从模板传递到组件,并使用它们将数据添加到 API。
任务.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);
}
任务.组件.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">
<input #todoName type="text" class="form-control">
模板按钮:
<button name="todoAdd" (click)="addTasks({name: todoName.value, time: todoTime.value}); todoName.value='',todoTime.value='' ">add</button>
处理时将逗号 (,) 替换为分号click
按钮的事件。那应该有效。
<button name="todoAdd" (click)="addTasks({name: todoName.value, time: todoTime.value}); todoName.value=''; todoTime.value='' ">add</button>
我创建了这个简单的Plnkr https://plnkr.co/edit/sACOMiRWRNPgciw7Eiiq?p=preview显示对象正在传递给addTasks()
功能。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)