Есть ли способ связать обычный текст с помощью ng-bind-html - PullRequest
Новая
       0

Есть ли способ связать обычный текст с помощью ng-bind-html

0 голосов
/ 29 мая 2018

Я использую ng-bind-html с тегом Paragraph.например, 

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

Он работает, как и ожидалось, когда я получаю HTML в сообщении, но когда это обычный текст, он не отображает сообщение.Может кто-нибудь объяснить причину?Сообщение может содержать HTML или не может.Любая помощь будет заметна

Ответы [ 2 ]

0 голосов
/ 29 мая 2018

Вы можете использовать фильтр trustAsHtml без использования дополнительного модуля,

DEMO 

var app = angular.module("exApp",["ngSanitize"]);

app.controller('ctrl', function($scope, $sce){
$scope.message = $sce.trustAsHtml('Hello this is text <a href="#">Kristoff</a> ' +
     'this is my domain <a href="http://www.website.com/">www.website.com</a>');
$scope.messageplain = $sce.trustAsHtml("Hellow");
 
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular-sanitize.min.js"></script>
<body ng-app="exApp">
<div ng-controller="ctrl">
<span ng-bind-html="message"></span>
 
<span ng-bind-html="messageplain"></span>
 
</div>
</body>
0 голосов
/ 29 мая 2018

Попробуйте ngSanitize модуль. Вот этот планер , попробуйте удалить модуль инъекции и посмотрите поведение 

<!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>

<script>
var app = angular.module("myApp", ['ngSanitize']);
app.controller("myCtrl", function($scope) {
    $scope.myText = "My name is: John Doe";
});
</script>

<p><b>Note:</b> This example includes the "angular-sanitize.js",
which has functions for removing potentially dangerous tokens from the HTML.</p>

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

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

...