javascript - Angularjs - 将 转换为纯文本

Question

我的文本无法转换为包含 <br/> 的纯文本html 标签。

我也想成为这样的人

Hi

I'm Nurdin !!

不是

Hi <br/> <br/> I'm Nurdin!!

html

<textarea name="" cols="" rows="" class="form-control" ng-model="rule.message" ></textarea>

js

xxxxxControllers.controller('MemberRuleUpdateCtrl', ['$scope', '$routeParams',
    '$location', '$http',
    function($scope, $routeParams, $location, $http) {
        $scope.rule = {};
        $http({
            method: 'GET',
            url: 'http://xxxxx.my/api/get_rule_details.php?ruleId=' + $routeParams.ruleId
        }).
        success(function(data, status, headers, config) {
            $scope.rule = {
                message: data.rule[0].message
            };
        }).
        error(function(data, status, headers, config) {
            alert("No internet connection.");
        });
    }
]);

Answer 1

提供 HTML 格式保存到您的数据库/数据源中，显示如下

<div ng-bind-html="rule.message" >将遵守格式。

您还需要将 Angular Sanitize 模块包含到您的项目中。

编辑

读完你的问题后，我再次认为我有点误解了，所以这里有一个更详细的答案。

1. 如果您想了解如何在 div 中正确显示 HTML 编码的字符串。看看这个笨蛋 http://plnkr.co/edit/cPSfL8Y0WWpTVxWo4OyR?p=preview

2. 如果您想在 textarea 中显示 HTML 编码的字符串在保持格式的同时 - 这是不可能的 - 据我所知，textarea 不处理 HTML。

3. 如果您仍然想要在“textarea”中显示带有格式的 HTML 编码字符串，您需要使用类似 http://textangular.com/ 的内容。 - 它用一个看起来和行为都像textarea的div替换了你的textarea，因此它能够显示正确的HTML格式