Сменить конкретные слова строки на полужирный

Question

У меня есть один элемент span на моей странице. Я связываю слова с одной переменной в AngularJS, а затем ссылаюсь на переменную на элемент span на странице.

$scope.abc = "Downstream"; 
$scope.abc.concat('<b>','Upstream',</b>); 

При просмотре страницы, он отображает Downstream<b>Upstream</b>

Как отобразить слово Upstream один в Жирный?

Answer 1

в соответствии с этим https://docs.angularjs.org/api/ng/directive/ngBindHtml

Вам необходимо включить службу ngBindHtml и $ sanitize

In y наш файл JS, она должна быть

angular.module('App', ['ngSanitize']) 
    .controller('Ctr', ['$scope', function($scope) { 
    $scope.abc = "Downstream"; 
    $scope.abc2 = $scope.abc.concat('<b>','Upstream','</b>'); 
}]); 

В вашем HTML файл, он должен быть

<div ng-controller="Ctr"> 
    <p ng-bind-html="abc2"></p> 
</div> 

Answer 2

Кажется дубликат angular variable generating html.

Я не знаю угловатых, но чтение этого сообщения легко. Вобще:

$scope.abc = $scope.trustAsHtml($scope.abc); 

HTML

<div data-ng-bind-html="abc "></div>  

---

Также проверить Угловая версия, для версии 1.2 или понизить вы могли бы использовать ng-bind-html-unsafe связывания.

<div class="post-content" ng-bind-html-unsafe="abc"></div> 

Это больше не работает на угловом 1.2+ По комментарию TheSharpieOne:

"Он был заменен Строгими контекстной спасаясь См docs.angularjs.org/api/ng.$sce."