HTML-теги Angularjs показаны вместо рендеринга - PullRequest
Новая
       11

HTML-теги Angularjs показаны вместо рендеринга

0 голосов
/ 25 апреля 2018

У меня есть следующая переменная: 

$scope.someVar= "Some<br>text<br>here";

Когда я вызываю ее в HTML-документе с помощью {{ someVar }}, я получаю следующий вывод:

Some<br>text<br>here

Мне бы хотелось получить следующий вывод:

Некоторые
текст
здесь

Что я могу сделать, чтобы HTML-код был

Заранее благодарим за все предложения.

Ответы [ 2 ]

0 голосов
/ 25 апреля 2018

Другое решение:
Вы можете использовать $ sce,
пример:
HTML: 

<div ng-app="testApp" ng-controller="testController">
    <p ng-bind-html="someVar"></p>
</div>

js: 

var app = angular.module('testApp', []);

app.controller('testController', ['$sce', '$scope', function($sce, $scope) {

    $scope.someVar =  $sce.trustAsHtml("Some<br>text<br>here");
}]);
0 голосов
/ 25 апреля 2018

Вы можете использовать ng-bind-html

var app = angular.module("myApp", ['ngSanitize']);
app.controller("myCtrl", function($scope) {
    $scope.myText = "My name is: <h3>John Doe</h3>";
});
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-sanitize.js"></script>
<body>

<div ng-app="myApp" ng-controller="myCtrl">

<p ng-bind-html="myText"></p>

</div>

</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...