无法从字符串中删除 HTML 标签

Question

我从 API 得到一个名为“JobDescription”的属性，其中包含 HTML 标记。 我正在尝试从字符串内部删除 html 标记，但它不起作用。

代码：

 var jobDescription= "<P> kajskjdhkj</p> <div> lakjsklj/div>";
 console.log($sce.trustAsHtml(jobDescription)); // output : {}

预期 Output：

kajskjdhkj lakjsklj

我知道我们将它与“ng-bind-html”指令一起使用。 难道不能在脚本中使用它来删除“html标签”吗？

我的最后一个选择是使用“正则表达式”或任何其他逻辑从字符串中删除 HTML 标签，但我的第一个选择是坚持使用$sce.trustAsHtml function 的标准方式。

Answer 1

我对这类事情使用过滤器：

app.filter('stripTags', function() {
        return function(text) {
            return text ? String(text).replace(/<[^>]+>/gm, '') : '';
        };
    })

然后在您的 controller 中：

var jobDescription= "<P> kajskjdhkj</p> <div> lakjsklj</div>";
var jobDescription_notags = $filter("stripTags")(jobDescription)

Answer 2

使用angular.element(html).text()方法

 angular.module('app', []).controller('main', function() { var jobDescription = "<P> kajskjdhkj</p> <div> lakjsklj</div>"; this.txt = angular.element(jobDescription).text() var sample ="Abc. Xyz Lmn No.1234 H, PPP TTT GGG, LKH 3</br>" this.txt2 = angular.element('<div>').html(sample).text() })

 <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script> <div ng-app="app" ng-controller="main as $ctrl"> {{$ctrl.txt}}<br/><br/> {{$ctrl.txt2}} </div>