Angle2バインディングで数学関数を使用する方法はありますか?
example
<div class="partition-panel">
<b class="pull-left">{{Math.round(variable/12*2)}}</b>
<b class="pull-right">{{Math.round(variable/12*2)}}</b>
</div>
これを使用しようとするとエラーが発生しました
Cannot read property 'round' of undefined
また、 angular1 についても同様の質問に答えます
これを試すことができます:
@Component({
selector: 'my-app',
template: `
<div>
<h2>Hello {{math.round(number)}}</h2>
</div>
`,
})
export class App {
number = 2.5;
math = Math;
}
Angularテンプレートで数値を丸める場合、DecimalPipe:{{ value | number }}
https://angular.io/api/common/DecimalPipe のすべての丸めオプションを参照してください
すべての組み込みパイプについて、 https://angular.io/api?type=pipe を確認します
一般的なアイデアはすでに Adrein BARRALの答え にありますが、Math
オブジェクトに不必要なボイラープレートと間違った型情報が多すぎます。少ないタイピングで、より良く、より簡単に、より簡単に理解できます:
@Component({
selector: 'my-app',
template: `
<div>
<h2>Hello {{ Math.round(number) }}</h2>
</div>
`,
})
export class App {
number = 2.5
Math = Math
}