packages/examples/common/pipes/ts/lowerupper_pipe.ts - main - githubmirror/angular

packages/examples/common/pipes/ts/lowerupper_pipe.ts

30 строк805 B

Shuaib Hasan Akib

refactor(common): update pipe examples and remove redundant standalone flag (#64135)

30 сен 2025, 22:31

30 сен 2025, 22:317345bdc

/**
 * @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