gpt4 book ai didi

angular - 传入多个参数或对象(单击)

转载 作者:行者123 更新时间:2023-12-04 03:05:51 27 4
gpt4 key购买 nike

问题是将对象或多个参数从模板传递到组件,并使用它们将数据添加到 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);

}

任务.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>

最佳答案

处理 click 时,用分号替换 comman(,)按钮的事件。那应该工作。

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

我创建了这个简单的 Plnkr显示对象正在传递给 addTasks()功能。

关于angular - 传入多个参数或对象(单击),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44574243/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com