传递angular4服务中的参数

时间:2017-08-06 06:25:41

标签: node.js angular angular-services nodeapi

嘿我一直试图从我的角度前端传递两个参数到节点api。但是,当我运行我的应用程序时,我在paramter value is missing or invalid的节点控制台上收到错误。 下面是节点api代码

app.post('/users', function(req, res) {
var username = req.body.username;
var orgName = req.body.orgName;
logger.debug('End point : /users');
logger.debug('User name : ' + username);
logger.debug('Org name  : ' + orgName);
if (!username) {
    res.json(getErrorMessage('\'username\''));
    return;
}
if (!orgName) {
    res.json(getErrorMessage('\'orgName\''));
    return;
}
var token = jwt.sign({
    exp: Math.floor(Date.now() / 1000) + parseInt(config.jwt_expiretime),
    username: username,
    orgName: orgName
}, app.get('secret'));
helper.getRegisteredUsers(username, orgName, true).then(function(response) {
    if (response && typeof response !== 'string') {
        response.token = token;
        res.json(response);
    } else {
        res.json({
            success: false,
            message: response
        });
    }
});

});

这是我的角度服务代码。为了演示,我从角度服务传递虚拟值

getEnrollmentId(userName,org) {
let headers = new Headers({ 'Content-Type': 'x-www-form-urlencoded' });
let options = new RequestOptions({ headers: headers });
let body = "'username=Barry&orgName=org2'";
return this.http.post('http://localhost:4000/users', body, options )
.map((res: Response) => res.json())
.catch((error:any) => Observable.throw(error.json().error || 'Server error shit'));

}

当我尝试使用curl查询通过调用节点api并传递参数来实现同样的事情时,我成功地能够发布数据并从api返回响应。下面是卷曲查询

 curl -s -X POST \
 http://localhost:4000/users \
 -H "content-type: application/x-www-form-urlencoded" \
 -d 'username=Jim&orgName=org1'

我在角度服务中做错了什么?

1 个答案:

答案 0 :(得分:1)

将参数作为url search params传递, 下面的代码应该有帮助

let body = new URLSearchParams();
body.set('username', username);
body.set('orgName', orgName);