Angular 在 AngularJs 中过滤

Question

var app = angular.module('pixmall', []);
app.controller('myDashboard', function($scope, $http) {
    app.filter('myRandom', function() {
      return function (input) {
      return Math.round(input);
    }
});

<div ng-app="pixmall" ng-controller="myDashboard">
   <span>{{30.35 | myRandom}}</span>
</div>

我想使用过滤器将数字四舍五入为最接近的整数，但它不起作用，我不知道哪里出了问题

Answer 1

将控制器和过滤器分开，不要将过滤器放在控制器代码中。

演示

var app = angular.module('pixmall', [])
app.controller("myDashboard",function($scope){

});
app.filter('myRandom', function() {
  return function (input) {
      return Math.round(input);
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.7/angular.min.js"></script>
<div ng-app="pixmall" ng-controller="myDashboard">
   <span>{{30.35 | myRandom}}</span>
</div>

Angular 在 AngularJs 中过滤

Angular Filter in AngularJs

angularjs

angular-filters