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
30 lines
805 B
TypeScript
30 lines
805 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 {LowerCasePipe, UpperCasePipe} from '@angular/common';
|
|
import {Component} from '@angular/core';
|
|
|
|
// #docregion LowerUpperPipe
|
|
@Component({
|
|
selector: 'lowerupper-pipe',
|
|
imports: [LowerCasePipe, UpperCasePipe],
|
|
template: `<div>
|
|
<label>Name: </label><input #name (keyup)="change(name.value)" type="text" />
|
|
<p>In lowercase:</p>
|
|
<pre>'{{ value | lowercase }}'</pre>
|
|
<p>In uppercase:</p>
|
|
<pre>'{{ value | uppercase }}'</pre>
|
|
</div>`,
|
|
})
|
|
export class LowerUpperPipeComponent {
|
|
value: string = '';
|
|
change(value: string) {
|
|
this.value = value;
|
|
}
|
|
}
|
|
// #enddocregion
|