無法從字符串中刪除 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>