Angular项目函数解构赋值问题:如何修改代码获得指定输出结构
你现有代码仅构造了包含branchCode、lockerCode两个属性的内层对象,缺少预期结构中外层的reserve字段包裹,同时没有对外输出构造好的对象,因此无法得到目标格式的结果。
修改方案如下:
你只需要给内层对象外层加一层reserve字段的包裹,根据你的使用场景返回或者直接作为请求参数使用即可,示例代码:
registerLocker({ branchCode, lockerCode }) { // 按照预期结构构造对象 const output = { reserve: { branchCode, lockerCode } }; // 需要返回结果就加return,需要提交接口直接将output作为请求体传入即可 return output; }
调用验证:
执行registerLocker({branchCode: 'B001', lockerCode: 'L01'})即可得到你需要的{"reserve":{"branchCode":"B001","lockerCode":"L01"}}输出结构。
如果你需要将该结构提交给后端接口,直接将构造好的output作为post请求的参数传入即可,示例:
import { HttpClient } from '@angular/common/http'; // 类中注入HttpClient后调用 constructor(private http: HttpClient) {} registerLocker({ branchCode, lockerCode }) { const reqBody = { reserve: { branchCode, lockerCode } }; this.http.post('你的后端接口地址', reqBody).subscribe(response => { // 处理接口返回逻辑 }); }
内容的提问来源于stack exchange,提问作者Kumara
相关产品推荐
相关产品推荐

