如何在Angular中将对象转换为JSON

找到了angularjs的一些答案，比如：但不是Angular2和以下

我是Angular的新手，完成了教程，现在正尝试构建我的第一个live应用程序。我有一个凭证对象，其中包含用户名和密码字段。我想将其外部化为JSON以发送到我的web服务。我发现：这似乎是我想要的，但示例是HTML，我想在我的服务中这样做，所以我的服务如下：

import { HttpClient, HttpHeaders } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { JsonPipe } from '@angular/common';
import { Observable } from 'rxjs/Observable';
import { of } from 'rxjs/observable/of';

@Injectable()
export class LoginService {
  authToken = ""
  loginUrl = "localhost:8093/login"

  constructor(private http: HttpClient) { }

  login(credentials): Observable<String> {
    var url = this.loginUrl
                + '?payload='
                + (credentials | json)
    return of(url);
  }
}

从'@angular/common/http'导入{HttpClient，HttpHeaders}；
从“@angular/core”导入{Injectable}；
从“@angular/common”导入{JsonPipe}；
从“rxjs/Observable”导入{Observable}；
从“rxjs/observable/of”导入{of}；
@可注射（）
导出类登录服务{
authToken=“”
loginUrl=“localhost:8093/login”
构造函数（私有http:HttpClient）{}
登录（凭证）：可观察{
var url=this.loginUrl
+"有效载荷",
+（全权证书| json）
返回（url）；
}
}

但是我在+

（凭证| json）

行上得到一个错误，说找不到json，也许我指的是json

我用过吗？

只用

JSON.stringify(credentials)

就像在普通JavaScript中一样

| json

管道仅用于视图绑定，如

{{credentials | json}}

但不适用于类型脚本代码