Javascript 在angularjs应用程序中更改粗体文本

我有一个angular.js应用程序，在其中我在表中显示一些元素。 在这些元素中，我有一个名称，在某些情况下，我将其更改为添加

，并将其更改为粗体。但是它像字符串一样显示，而不像HTML代码

因此，我将使用相同的文本替换页面上

和

之间的所有文本，但使用粗体

我尝试这样做：

var pattern = new RegExp(nameFilter, "g");
e.name = e.name.replace(pattern, '<span class="highlighted">' + nameFilter + '</span>');

var模式=新的RegExp（nameFilter，“g”）；
e、 name=e.name.replace（模式，“+nameFilter+”）；

但它总是像字符串一样显示

---

您知道如何使用粗体文本吗？

在这里，我将按照您在评论部分中的要求，为下面的示例场景添加代码$sce.trustAsHtml。另外，请检查工作示例

模板：

<tr ng-repeat="emp in empList">
    <td><span ng-bind-html="emp.name | trustAsHtml"></span></td>
    <td>{{emp.dept}}</td>
</tr>

app.controller('MainCtrl', function($scope) {
  $scope.empList = [
    { name: '<b>Test 1</b>', dept: 'Finance'},
    { name: '<b>Test 2</b>', dept: 'Development'},
    { name: '<b>Test 3</b>', dept: 'Testing'},
    { name: '<b>Test 4</b>', dept: 'DBA'}
  ];
});

app.filter('trustAsHtml', ['$sce', function($sce){
  return $sce.trustAsHtml;
}]);

{{emp.dept}

控制器：

<tr ng-repeat="emp in empList">
    <td><span ng-bind-html="emp.name | trustAsHtml"></span></td>
    <td>{{emp.dept}}</td>
</tr>

app.controller('MainCtrl', function($scope) {
  $scope.empList = [
    { name: '<b>Test 1</b>', dept: 'Finance'},
    { name: '<b>Test 2</b>', dept: 'Development'},
    { name: '<b>Test 3</b>', dept: 'Testing'},
    { name: '<b>Test 4</b>', dept: 'DBA'}
  ];
});

app.filter('trustAsHtml', ['$sce', function($sce){
  return $sce.trustAsHtml;
}]);

app.controller（'MainCtrl'，函数（$scope）{
$scope.empList=[
{name:'Test 1'，dept:'Finance'}，
{name:'test2'，dept:'Development'}，
{name:'Test 3'，dept:'Testing'}，
{name:'test4'，dept:'DBA'}
];
});
app.filter（'trustAsHtml'，['$sce'，函数（$sce）{
返回$sce.trustAsHtml；
}]);

---

注意：不要忘记将'ngSanitize'注入模块，如plunker示例所示。

为此，您需要使用$sce provider使用trustAsHtml。你可以发布你的模板来更好地理解你的问题吗？模板很难，但我只有一个带有ng repeat的表来显示列中所有组件的名称。在一些组件中，我更改了名称，添加了粗体符号。你能分享一下trustAsHtml的例子吗？