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);
});

Посмотреть: