カスタムパイプは角2

Question

にローカルテンプレート変数では動作しませんなぜ私はそれが1を下回るこれを受けた値が細かい

テンプレート

<input type = "number" placeholder = "Enter number for which square is to be calculated" [(ngModel)] = "value"> 
    <p>Squared Number is using pipe Transform {{value | square}} </p> 

コンポーネントを作品二乗ちょうど例のためのパイプを持っている

value = 2; 

カスタムパイプ

import { Pipe,PipeTransform } from '@angular/core'; 

@Pipe({ 
    name:'square' 
}) 

export class SquarePipe implements PipeTransform{ 
    transform(value: number, args?: number[]): number { 
    return Math.pow(value, 2); 
    } 

} 

しかし、私はこのようなテンプレートを使用しようとすると

それは動作しません私はなぜ知る必要がありますか？

<input type = "number" placeholder = "Enter number for which square is to be calculated" #value> 
    <p>Squared Number is using pipe Transform {{value | square}} </p> 

Answer 1

私が何をしたいことは

のみ

<p>Squared Number is using pipe Transform {{value.value | square}} </p> 

valueがHTMLInputElement