Question

我试图将一个来自angular2的输入传递给get请求中的url参数，以便从我的数据库中检索数据。我到处看看是否还有其他人这样做过，当他们将对象作为参数传递时，我不确定这是否是我需要做的。

这里有一些代码..

这是我从mongodb检索数据的后端快速路由。

 app.get('/displayorders/:showOrder', function (req, res) {
    db.woocommerceorders.findOne({ id: req.params.showOrders }, function 
 (err, data) {
        if(err){
            console.log(err);
        }res.send(data);
    });
 })

这是我在angular2中的服务，用于从我的mongodb中检索数据。

displayOrders(showOrders) {
var displayedOrders;
return this.http.get('http://localhost:3000/displayorders/:' + showOrders)
  .map(res => res.json());
}

这是我的前端点击事件，用于从输入中检索所需参数，并将其作为参数传递给我的网址字符串。

onFindOrderById(showOrders) {
this.woocommerceService.displayOrders(showOrders)
  .subscribe(
  data => this.showOrders = JSON.stringify(data),
  error => alert(error),
  () => console.log('Displaying Order By Id')
  );
}

这是我的html，用于获取输入并将其传递给我的点击事件功能。

<div class="form-group container bottom-border">
<button type="button" class="btn displaybutton" 
(click)="onFindOrderById(showOrders)">Click To Retrieve</button>

<br><br>
<div class="row">
    <div class="col-xs-6">
        <input class="form-control col-xs-6" [(ngModel)]="showOrders"  
placeholder="Input Id Number">
        <p><b>Retrieved Order:</b></p> <div>{{showOrders}}</div>
    </div>
</div>
</div>

我想知道我是否应该尝试发帖请求？我觉得这应该是直截了当的，但现在我不断收到JOS端点意外结束的错误。任何帮助将不胜感激。

将输入传递给角度为2的url参数

0 个答案: