web-dev-qa-db-ja.com

angle2バインディングの数学関数

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 についても同様の質問に答えます

18

これを試すことができます:

@Component({
  selector: 'my-app',
  template: `
    <div>
      <h2>Hello {{math.round(number)}}</h2>
    </div>
  `,
})
export class App {
  number = 2.5;
  math = Math;
}

[〜#〜] demo [〜#〜]

52
Adrien BARRAL

Angularテンプレートで数値を丸める場合、DecimalPipe:{{ value | number }}

https://angular.io/api/common/DecimalPipe のすべての丸めオプションを参照してください

すべての組み込みパイプについて、 https://angular.io/api?type=pipe を確認します

2
Anis Abboud

一般的なアイデアはすでに Adrein BARRALの答え にありますが、Mathオブジェクトに不必要なボイラープレートと間違った型情報が多すぎます。少ないタイピングで、より良く、より簡単に、より簡単に理解できます:

@Component({
  selector: 'my-app',
  template: `
    <div>
      <h2>Hello {{ Math.round(number) }}</h2>
    </div>
  `,
})
export class App {
  number = 2.5
  Math = Math
}
0