communauté
Apprendre
Bibliothèque d'outils
Outils d'IA
Loisirs
recherche
Français
angulaire.js - angulairejs gère le problème qui <br/> ne sera pas analysé lorsque /n est transformé en <br/>
仅有的幸福
仅有的幸福 2017-05-15 16:52:37
0
3
688
<!DOCTYPE html>
<html ng-app>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="angular.min.js"></script>
    <script>
        function TextareaCtrl($scope)
        {
            var str="啦啦11范德萨范德萨\nfadsfadsfad\nfdfadfa\nfdafa";
            $scope.name=str.replace(/\n/g,"<br/>");
        }
    </script>
</head>
<body>
    <p ng-controller="TextareaCtrl">
        <p>{{name}}</p>
    </p>
</body>
</html>

Résultat : 

啦啦11范德萨范德萨<br/>fadsfadsfad<br/>fdfadfa<br/>fdafa
仅有的幸福
仅有的幸福

répondre à tous(3)
刘奇
刘奇2017-05-15 16:54:37 3 plancher

Vous devez utiliser ng-bind-html

<!DOCTYPE html>
<html ng-app="test">
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <p ng-controller="TextareaCtrl">
        <p ng-bind-html="name"></p>
    </p>
    <script src="http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script>
    <script>
    var myModule = angular.module("test",[]);
    myModule.controller("TextareaCtrl",["$scope","$sce",function($scope,$sce){
            var str="啦啦11范德萨范德萨\nfadsfadsfad\nfdfadfa\nfdafa";
            $scope.name=$sce.trustAsHtml(str.replace(/\n/g,"<br/>"));
    }]);
    </script>
</body>
</html>
Comme +0
Ajouter une réponse
黄舟
黄舟2017-05-15 16:54:37 2 plancher

La raison de la non-analyse est que angulairejs filtre le HTML et change le symbole < > en & l t; & g t;, comme en témoigne l'image. J'ai vérifié et il s'avère que le filtre peut être désactivé. Je ne connais vraiment pas Angularjs, je ne peux donc pas vous aider.

Comme +0
Ajouter une réponse
Peter_Zhu
Peter_Zhu2017-05-15 16:54:37 1 plancher 
scope.Datas.userInfo.rich_summary=scope.Datas.userInfo.rich_summary.replace(/\r\n/gi,'<br/>')
            scope.Datas.userInfo.rich_summary=scope.Datas.userInfo.rich_summary.replace(/\r/gi,'<br/>')
            scope.Datas.userInfo.rich_summary=scope.Datas.userInfo.rich_summary.replace(/\n/gi,'<br/>')

Redirigez-le

Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal