angular2 绑定中的数学函数

Question

有没有办法在 angular2 绑定中使用数学函数？

示例

<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

也回答了类似的问题

Answer 1

你可以试试这个：

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

DEMO

Answer 2

对于 Angular 模板中的舍入数字，您可以使用 DecimalPipe：{{ value | number }}

查看https://angular.io/api/common/DecimalPipe

中的所有舍入选项

对于所有的内置管道，勾选 https://angular.io/api?type=pipe

angular2 绑定中的数学函数

Math functions in angular2 bindings

typescript

math-functions

angular