mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
7345bdc06b
Updated pipe examples to explicitly import the pipe for clarity and correctness. Also removed `standalone: true` since it is now the default and no longer necessary. PR Close #64135
26 lines
666 B
TypeScript
26 lines
666 B
TypeScript
/**
|
|
* @license
|
|
* Copyright Google LLC All Rights Reserved.
|
|
*
|
|
* Use of this source code is governed by an MIT-style license that can be
|
|
* found in the LICENSE file at https://angular.dev/license
|
|
*/
|
|
|
|
import {JsonPipe} from '@angular/common';
|
|
import {Component} from '@angular/core';
|
|
|
|
// #docregion JsonPipe
|
|
@Component({
|
|
selector: 'json-pipe',
|
|
imports: [JsonPipe],
|
|
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]}};
|
|
}
|
|
// #enddocregion
|