如何使用angularjs将样式应用于字符串中使用的分隔管道？

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

<div ng-app="myApp" ng-controller="myController">
  <!-- Your HTML code here -->
</div>

var app = angular.module('myApp', []);
app.controller('myController', function($scope) {
  // Your controller code here
});

app.filter('applyStyle', function() {
  return function(input) {
    // Your filter code here
  };
});

app.filter('applyStyle', function() {
  return function(input) {
    var separator = '|'; // 分隔符
    var parts = input.split(separator); // 将字符串分割成部分
    var styledParts = parts.map(function(part) {
      return '<span style="color: red;">' + part + '</span>'; // 应用样式
    });
    return styledParts.join(separator); // 重新组合字符串
  };
});

<div ng-bind-html="yourString | applyStyle"></div>

var app = angular.module('myApp', ['ngSanitize']);