填写这份《一分钟调查》，帮我们（开发组）做得更好！去填写Home
API 参考手册
API > @angular/common

JsonPipe

把一个值转换成 JSON 字符串格式。在调试时很有用。

Converts a value into its JSON-format representation. Useful for debugging.

{{ value_expression | json }}
      
      {{ value_expression | json }}

NgModule

输入值

value any

任何类型的要转换成 JSON 字符串格式的值

A value of any type to convert into a JSON-format string.

使用说明

下列组件使用了一个 JSON 管道来把对象转换成 JSON 格式，并以两种格式显示字符串供对比。

The following component uses a JSON pipe to convert an object to JSON format, and displays the string in both formats for comparison.

@Component({ selector: 'json-pipe', template: `<div> <p>Without JSON pipe:</p> <pre>{{object}}</pre> <p>With JSON pipe:</p> <pre>{{object | json}}</pre> </div>` }) export class JsonPipeComponent { object: Object = {foo: 'bar', baz: 'qux', nested: {xyz: 3, numbers: [1, 2, 3, 4, 5]}}; }
      
      @Component({
  selector: 'json-pipe',
  template: `<div>
    <p>Without JSON pipe:</p>
    <pre>{{object}}</pre>
    <p>With JSON pipe:</p>
    <pre>{{object | json}}</pre>
  </div>`
})
export class JsonPipeComponent {
  object: Object = {foo: 'bar', baz: 'qux', nested: {xyz: 3, numbers: [1, 2, 3, 4, 5]}};
}