Question

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

{{420/60}} will display 7

对我来说没问题。

但是当我尝试使用450然后它会显示7.5我想只显示7，即只显示整数。

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

如果我用这个

{{450/60 | number : 0}} then output is 8

因为它会循环文本。请帮助我，我只想显示7。

Answer 1

在控制器中设置$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>

Answer 2

定义如此指令：

angular.module('myApp',[]).filter('floor', function(){
    return function(n){
        return Math.floor(n);
    };
});

然后你可以做{{ 450/60 | floor }}。