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

时间:2018-01-18 18:30:13

标签: json angular

为angularjs找到了一些答案,例如:How to use angular.toJson on a angular controller or scope但不是Angular 2及其后的。

我是Angular的新手,完成了教程,现在正在尝试构建我的第一个实时应用。我有一个凭据对象,其中包含字段用户名和密码。我想将此外部化为JSON以发送到我的Web服务。我发现了这个:https://angular.io/api/common/JsonPipe似乎做了我想要的,但是示例是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);
  }
}

但我在行+ (credentials | json)上收到错误,说找不到json,也许我的意思是JSON?

我有吗?

1 个答案:

答案 0 :(得分:4)

只需使用

| json

就像在普通的JavaScript中一样。

{{credentials | json}} 管道仅用于视图绑定,如

set xtics 10
set xrange[15:105]

但不适用于TypeScript代码。