AngularJS — отображает HTML-теги, как сделать его читабельным

Я использую PHP в качестве модального и Angularjs в качестве контроллера, и для отображения в переднем конце я конвертирую PHP в JSON. Он отображается так, как показано ниже в Front End. Я хочу отобразить читабельный текст с тегами li и break, а также только с другими текстами. Я не хочу никаких других тегов HTML в передней части. Пожалуйста помоги.

Внешний интерфейс:

введите описание изображения здесь

Код JSON:

введите описание изображения здесь

PHP-код:

elseif (isset($_GET['product_id']) && $_GET['product_id'] == 'getProduct') {
$data = array();

while ($product = mysqli_fetch_array($query2, MYSQLI_ASSOC)) {

$name = str_replace('"', "", $product['product_name']);
$description = str_replace('"', "", $product['product_description']);
$category_name = str_replace('"', "", $product['category_name']);

$pro = array('id' => $product['product_id'], 'name' => utf8_encode($name), 'description' => utf8_encode($description),
'price' => utf8_encode($product['product_price']), 'weight' => $product['product_weight'], 'weight_class' => $product['product_weight_class'], 'quantity' => $product['quantity'],
'link' => $product['product_image_url'], 'cat' => utf8_encode($category_name));
array_push($data, $pro);

}

$product_encode = json_encode($data);
//$product_encode = htmlspecialchars_decode($product_encode);
//$product_encode = html_entity_decode($product_encode);

echo strip_tags($product_encode);
}

Контроллер Угловой:

   $http.get("https://example.com/store/www/api.php?product_id=getProduct")
.success(function (detail) {
$scope.details = detail;

var url = window.location.href;
//$scope.categoryId = '20';
var final = url.substr(url.lastIndexOf('/'));
$scope.productId = final.split("=")[1];console.log($scope.details);
});

Посмотреть:

введите описание изображения здесь

0

Решение

попробуйте использовать предварительный тег — вы можете проверить здесь — играть на скрипке

<pre> {{product.description}} </pre>
0

Другие решения

Используйте угловое ng-sanitize для форматирования html-страницы при просмотре. См. Ссылку ниже, например. Скажи мне, поможет ли это тебе или нет.

https://docs.angularjs.org/api/ngSanitize/service/$ Sanitize

0