AngularJS:用破折号格式化5或9位的邮政编码

Question

有一个字符串表达式{{zipcode}}，它显示5或9位数字。

以xxxxx或xxxxx-xxxx格式自动显示这个邮政编码的最佳方法是什么？

我相信使用过滤器是可行的方法，但与过滤器和ui掩码有点混淆。

谢谢。

Answer 1

使用过滤器确实是解决这个问题的方法。以下是两种解决方案：

使用模块

您可以使用以下过滤器在项目中添加角压码滤波器并格式化邮政编码：

{{ 981222735 | zipcode }}

自己的事情自己做

下面是这个过滤器的工作方式：

1. 接收输入
2. 验证它是否有5或9位数字。
3. 如果有9位数字，则返回格式化的has代码输出。
4. 保持原样，以防它有5位数字。

示例：

​

angular.module('myApp',[])
  .filter('zipcode', function () {
    return function (input) {
      if (!input) {
        return input;
      }
      if (input.toString().length === 9) {
        return input.toString().slice(0, 5) + "-" + input.toString().slice(5);
      } else if (input.toString().length === 5) {
        return input.toString();
      } else {
        return input;
      }
    };
  });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="myApp">
  <p>5-digit zip code: {{ 981222735 | zipcode }} </p>
  <p>9-digit zip code: {{ 98122 | zipcode }} </p>
</div>

​