angularjs - 在分割中使用多个分隔符

Question

这个问题已经有答案了:

How do I split a string with multiple separators in JavaScript? (26 个回答)

已关闭 5 年前。

我正在使用AngularJs，html来显示表格并显示表格中的记录。
演示:http://plnkr.co/edit/xHRLAynOpUiLWbOKhqUm?p=preview&preview

我正在尝试单击第二列中显示的号码的超链接。目前，我使用逗号( , )分隔符分割数字并使用 <a href>链接以传递我点击的关联号码(可以看到在第一行链接上的工作)。

有时，由于数据是动态的，我可能会得到分号 ( ; ) 或冒号 ( : ) 作为分隔符，然后代码中断，在单击链接时传递多个关联的数字。

<a ng-repeat="associateNum in player.associatedNumber .split(',')" href="https://urladdr/associateid={{associateNum}}" target="_blank">
       {{associateNum}}<span ng-if="$index+1 != player.associatedNumber.split(',').length">;</span></a>

如何支持上述<a href>即使同一行中的关联数字具有 , 也可以链接或;或:作为分隔符？

js代码:

app.controller('MainCtrl', function($scope) {
  $scope.players = [{
    "name": "Robert C",
    "associatedNumber": "21,10,133",
    "standing": true,
    "result":"Delivered,shipped,shipped"
}, {
    "name": "Joey C",
    "associatedNumber": "55,2:22;33",
    "standing": false,
    "result":"To be delivered,Delivered"
}, {
    "name": "Bobby A",
    "associatedNumber": "15;22:11",
    "standing": true,
    "result":"TO be delivered"
}, {
    "name": "John A",
    "associatedNumber": "1,33,34",
    "standing": true,
    "result":"To be delivered,shipped"
}];
});

Answer 1

我会添加一个过滤器:

app.filter('splitNumber', function() {
  return function(input) {
        return input.replace(/[;:]/g,',').split(',');
  };
});

并像这样使用它:

ng-repeat="associateNum in player.associatedNumber | splitNumber"

我已经 fork 了你的东西 here