45 lines
1.1 KiB
TypeScript
45 lines
1.1 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright Google Inc. 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.io/license
|
|
*/
|
|
|
|
import {Component, NgModule} from '@angular/core';
|
|
import {BrowserModule} from '@angular/platform-browser';
|
|
import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
|
|
|
|
// #docregion LowerUpperPipe
|
|
@Component({
|
|
selector: 'lowerupper-example',
|
|
template: `<div>
|
|
<label>Name: </label><input #name (keyup)="change(name.value)" type="text">
|
|
<p>In lowercase: <pre>'{{value | lowercase}}'</pre></p>
|
|
<p>In uppercase: <pre>'{{value | uppercase}}'</pre></p>
|
|
</div>`
|
|
})
|
|
export class LowerUpperPipeExample {
|
|
value: string;
|
|
change(value: string) { this.value = value; }
|
|
}
|
|
// #enddocregion
|
|
|
|
@Component({
|
|
selector: 'example-app',
|
|
template: `
|
|
<h1>LowercasePipe & UppercasePipe Example</h1>
|
|
<lowerupper-example></lowerupper-example>
|
|
`
|
|
})
|
|
export class AppCmp {
|
|
}
|
|
|
|
@NgModule({imports: [BrowserModule], bootstrap: [AppCmp]})
|
|
class AppModule {
|
|
}
|
|
|
|
export function main() {
|
|
platformBrowserDynamic().bootstrapModule(AppModule);
|
|
}
|