angular-docs-cn/public/docs/_examples/pipes/ts/app/power-boost-calculator.component.ts

22 lines
535 B
TypeScript

// #docregion
import { Component } from '@angular/core';
import { ExponentialStrengthPipe } from './exponential-strength.pipe';
@Component({
selector: 'power-boost-calculator',
template: `
<h2>Power Boost Calculator</h2>
<div>Normal power: <input [(ngModel)]="power"></div>
<div>Boost factor: <input [(ngModel)]="factor"></div>
<p>
Super Hero Power: {{power | exponentialStrength: factor}}
</p>
`,
pipes: [ExponentialStrengthPipe]
})
export class PowerBoostCalculator {
power = 5;
factor = 1;
}