25 lines
596 B
TypeScript
25 lines
596 B
TypeScript
import {Component} from 'angular2/core';
|
|
import {Pipe, PipeTransform} from 'angular2/core';
|
|
|
|
// #docregion pipe
|
|
// Pure pipe
|
|
@Pipe({ name: 'randomizer' })
|
|
export class RandomizerPipe implements PipeTransform {
|
|
// Impure function
|
|
transform() { return Math.random() * 10 ;}
|
|
}
|
|
// #enddocregion pipe
|
|
|
|
@Component({
|
|
selector: 'random-pipe',
|
|
template: `
|
|
<h2>Random Pipe (pure pipe/impure function)</h2>
|
|
<input #box (input)="0">
|
|
<p>Input value: {{box.value}}</p>
|
|
<p>Random pipe output: {{box.value | randomizer}}</p>
|
|
`,
|
|
pipes: [RandomizerPipe]
|
|
})
|
|
export class RandomPipeComponent {
|
|
}
|