0

С помощью php+mysql+angular достаю из базы значения и обрабатываю их. Возникла сложность при обработке html-тегов в тексте, загружаемом из бд. Пытаюсь обработать html таким образом, но безуспешно:

<div ng-repeat="x in names">
<div ng-bind-html="x.Reply">{{ x.Reply }}</div>

Есть варианты, как можно обработать html-код? Сейчас текст выводится вместе с тегами (без обработки html).

4
  • Вот так выводится, почему, не знаю. plnkr.co/edit/PLlzEfVKeVDDjS9Bx45V?p=preview
    – moron
    21 сен 2014 в 17:06
  • <span ng-bind-html="x.Reply" class="Reply"></span> Делаю так, по аналогии, но безрезультатно. Может быть, у Вас еще какие-нибудь обработчики повешены? 21 сен 2014 в 17:21
  • Ну. там подрублен некий sanetize и фигурирует какой-то $sce. slideshare.net/joshs633/… - может, чем поможет.
    – moron
    21 сен 2014 в 17:30
  • Да-да, вот тоже заметил, уже начал копать в этом направлении... Спасибо еще раз) 21 сен 2014 в 17:34

1 ответ 1

1

Примерно вот так должен выглядеть код в ангуляре, соотвественно в $scope.myHTML должны передаваться ваши данные из базы:

angular.module('bindHtmlExample', [])
.controller('ExampleController', ['$scope', '$sce', function($scope, $sce) {
  $scope.sce = $sce;
  $scope.myHTML =
     'I am an <code>HTML</code>string with ' +
     '<a href="#">links!</a> and other <em>stuff</em>';
}]);

А вот так переменная должна выводиться в HTML:

<body ng-app="bindHtmlExample">
    <div ng-controller="ExampleController">
   <p ng-bind-html="sce.trustAsHtml(myHTML)"></p>
  </div>
</body>

Именно такой способ вам подойдёт, чтобы выводить значения из базы с правильной интерпретацией html.

3
  • @MasterAlex, спасибо, но не могли бы Вы поподробнее подсказать? Если честно, я не совсем понимаю, куда её засунуть. У меня был такой код: <script> function customersController($scope,$http) { $http.get("quest.php") .success(function(response) {$scope.names = response;}); } </svript> Меня конкретно интересует, как задать в контроллере $scope и связать все это с $sce, если до этого просто присваивался результат выполнения скрипта. 21 сен 2014 в 18:25
  • 1
    По идее вот так должен выглядеть контроллер и не забудьте добавить в html sce: <script> function customersController($scope,$http,$sce) { $scope.sce = $sce; $http.get("quest.php") .success(function(response) {$scope.names = response;}); } </script>
    – MasterAlex
    21 сен 2014 в 19:09
  • @MasterAlex, все работает! Огромное Вам спасибо! 21 сен 2014 в 19:25

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.