angularjs - 用于初始化名字的 Angular 过滤器

Question

我需要制作一个 Angular 过滤器，它将获取全名，并初始化名字，只留下姓氏，除了某些情况(例如 Van Aanholt)。

所以如下:

Yohan Cabaye 
Oscar 
Jordi Alba Ramos 
Patrick Van Aanholt
Hatem Ben Arfa

将显示为:

Y. Cabaye
Oscar
J. Ramos
P. Van Aanholt
H. Ben Arfa

如有任何帮助，我们将不胜感激。

<小时/>

更新:这是我尝试过的...

    angular.module('euroFilters', [])

              .filter('initialiseName', function() {

                        return function(name) {

var nameArr = name.split(' ');

var firstName = nameArr[0];
var firstNameInitial = nameArr[0][0] + ". ";

var lastName = nameArr[nameArr.length - 1];

var secondaryLastName = nameArr[nameArr.length - 2];

// If only one name (standard)...

if (nameArr.length <= 1) {
  return firstName;
}

// If more than one name, and contains "Van" or "Ben" (exception)...
else if (secondaryLastName === "Van" || secondaryLastName === "Ben") {
  return firstNameInitial + " " + secondaryLastName + " " + lastName;
}

// If more than one name (standard)...
else if (nameArr.length > 1) {
  return firstNameInitial + lastName;
}

};

});

有没有更优雅的写法？例如，它如何转换为 switch 语句？

Answer 1

您可以使用拆分和连接来实现此目的。字符串是类似数组的对象，因此您可以对它们使用索引。

angular.module('app', []);

angular.module('app').filter('initialiseFirstName', function () {
  return function (name) {
    var parts = name.split(/\s+/);
    
    if (parts.length <= 1) {
      return name;
    }
    
    var first = parts[0][0] + '.';
    
    return first + ' ' + parts.slice(1).join(' ');
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app">
  {{'John Ket'|initialiseFirstName}}
</div>