我如何获得Angular 2中的Header Body?

时间:2017-03-02 06:43:34

标签: javascript angular angular2-http

如何访问Angular 2中的HEADERS数据?

我的NGINX服务器发送您在下面看到的STATUS: 200 HEADERS: {"server":"nginx","date":"Thu, 02 Mar 2017 06:31:17 GMT","content-type":"application/json; charset=utf-8","transfer-encoding":"chunked","connection":"close","vary":"Accept-Encoding, Accept-Encoding",.... and so on BODY: {"other stuf .... "} 对象。到目前为止我使用了Express,我可以非常轻松地获取数据,但我一直试图在Angular 2上这样做而没有运气。我的应用程序需要标题正文执行其他操作。

注意用户 - > Nginx(发送标题) - > Angular2?!?!如何阅读

.fixed_headers {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  background: #ccc;
  display: block;
}
.fixed_headers td {
    border-bottom: 1px solid #f00;
}


.fixed_headers tr{
  display: flex !important;
  width: 100%;
  
}

.fixed_headers thead {
  background-color: #f00;
  color: #fdfdfd;
  width:100%;
  float:left;
}

.fixed_headers td:nth-child(1),
.fixed_headers th:nth-child(1) {
  min-width: 20%;
}
.fixed_headers td:nth-child(2),
.fixed_headers th:nth-child(2) {
  min-width: 30%;
}
.fixed_headers td:nth-child(3),
.fixed_headers th:nth-child(3) {
  width: 20%;
}
.fixed_headers td:nth-child(4),
.fixed_headers th:nth-child(4) {
  width: 30%;
}
table.fixed_headers thead tr {
  display: block;
  position: relative;
}
table.fixed_headers tbody {
  display: block;
  overflow: auto;
  width: 100%;
  height: 300px;
}

.fixed_headers tbody::-webkit-scrollbar {
    width: 8px;
}

.fixed_headers tbody::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #f00;
}

1 个答案:

答案 0 :(得分:0)

您可以使用this library通过扩展 @ angular / http 类将拦截器功能添加到Angular 2中。

虽然您可以编写自己的类来扩展http类,但这需要时间,因为angular2不提供任何拦截功能,所以最好不要使用这个库。