angularjs - 如何在angularjs中显示带有小数部分的数字

标签 angularjs angularjs-directive angularjs-scope angularjs-ng-repeat

我正在研究 angularjs,我遇到了这个问题

{{420/60}} 将显示 7

这对我来说很好。

但是当我尝试使用 450 时,它将显示 7.5,我只想显示 7,即仅显示整数。

{{450/60 }} will display 7.5 but need only 7

如果我用这个

{{450/60 | number : 0}} 则输出为 8

因为它会将文本舍入。请帮助我,我只想显示 7。

最佳答案

在 Controller 中设置$scope.Math = window.Math:

  var app = angular.module('app',[]);
  app.controller('ctrl', function($scope) {
      $scope.Math = window.Math;
  });

然后在 HTML 中,您可以使用 Math.floor:

  <body ng-app="app" ng-controller="ctrl">
     {{ Math.floor(12/5) }} // outputs 2
  </body>

关于angularjs - 如何在angularjs中显示带有小数部分的数字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24237239/

相关文章:

javascript - 如何在 AngularJS 中显示和隐藏代码块

javascript - ng-cloak 指令被过早删除

javascript - 使用嵌套 ng-repeat 和动态 ng-model 作为对象

javascript - 未评估 Angular Directive(指令)属性

angularjs - 如何在 AngularJS 中点击不同的链接时显示/隐藏不同的数据?

javascript - 在 AngularJS 中编写 Controller 有哪些不同的方式?

javascript - 如何使用 javascript/angularJs 应用/防止覆盖/覆盖 css/样式?

angularjs - grunt karma 出现错误...正在加载 "grunt-karma.js"任务...错误

unit-testing - 包含routeChangeSuccess的AngularJS测试 Controller

AngularJS 通过不删除 $$hashKey 进行跟踪,导致重复操作