javascript - 简单的 Angular JS 过滤器不起作用

Question

我试图在我的项目中插入一个简单的过滤器，但它不起作用，没有错误......只是不起作用。我正在复制并粘贴

中的所有内容

https://scotch.io/tutorials/building-custom-angularjs-filters

过滤器.js

angular.module('starter.filters', [])

// Setup the filter
.filter('ordinal', function() {

  // Create the return function
  // set the required parameter name to **number**
  return function(number) {

    // Ensure that the passed in data is a number
    if(isNaN(number) || number < 1) {

      // If the data is not a number or is less than one (thus not having a cardinal value) return it unmodified.
      return number;

    } else {

      // If the data we are applying the filter to is a number, perform the actions to check it's ordinal suffix and apply it.

      var lastDigit = number % 10;

      if(lastDigit === 1) {
        return number + 'st'
      } else if(lastDigit === 2) {
        return number + 'nd'
      } else if (lastDigit === 3) {
        return number + 'rd'
      } else if (lastDigit > 3) {
        return number + 'th'
      }

    }
  }
});

依赖关系

angular.module('starter', ['ionic', 'starter.controllers','starter.filters','ngCordova'])

index.html

<script src="js/app.js"></script>
<script src="js/controllers.js"></script>
<script src="js/filters.js"></script>

HTML:

{{400 || ordinal}}

这不起作用......为什么？

感谢您的帮助

Answer 1

您必须删除其中一个|

{{400 | ordinal}}

无论如何，您都不会得到任何返回，因为 400 与任何“else if”都不匹配，并且在这种情况下您不会返回任何内容。