Angularjs 如何在html中为角度值添加前缀？

如何在HTML端为角度值添加前缀

在我的项目中，我使用下面的一行显示邮政编码

<span>{{activeProperty.Zip}}</span>

我希望在显示zip时，它将检查activeProperty.zip长度是否为5。如果小于5，则将前导零添加到activeProperty.zip

例如，如果是4567，则显示04567，但如果是45670，则仅显示46670

---

我不想在角度方面这样做，因为更新activeProperty.Zip-in控制器会导致很多问题，因为在很多地方使用相同的控件。他们有没有办法在HTML端这样做？

您需要创建一个过滤器，用零填充拉链，请参见此提琴：

---

在html:{{activeProperty.Zip | pad}}

您仍然可以在不使用过滤器更改模型的情况下从角度执行此操作，下面是一个简单的示例，您可以扩展以供使用

app.filter('prefixMe', function() {
  return function(input) {
    return input.length < 5 ? '0' + input : input
  };
});

<span>{{activeProperty.Zip | prefixMe}}</span>

app.filter('prefixMe', function() {
  return function(input) {
    return input.length < 5 ? '0' + input : input
  };
});

<span>{{activeProperty.Zip | prefixMe}}</span>