css - Angular : Apply bold style to a character inside ng-repeat

Question

我有一个列表:

$scope.list = ["test/test1/test2/test3","test3/test5/test6"];

我想在显示列表时将粗体样式应用于/字符:

<div ng-repeat="path in list">
   <p style="font-weight:bold">{{path}}</p>
</div>

您有什么想法可以实现吗？

Fiddle

Answer 1

你可以简单地用 str.replace http://jsfiddle.net/k18vgtvw/ 来完成

 <p style="font-weight:bold" ng-bind-html-unsafe="csc(path)"></p>

Controller

  $scope.csc = function(path) {
    return path.replace(/\//g, "<span style='color:red'>/</span>");
  }