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

Question

I am getting a property called "JobDescription" in response from an API which contains HTML tags inside. I am trying to remove html tags from inside the string but its not working.

Code:

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

Expected Output:

kajskjdhkj lakjsklj

I know we use it with "ng-bind-html" directive. Is it not possible to use it in the script to remove "html tags"?

My last option would be to use "regex" or any other logic to remove the HTML tags from the string but my first option would be to stick to standard way of using $sce.trustAsHtml function.

Answer 1

I use a filter for this sort of thing:

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

Then in your controller:

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

Answer 2

Approach using 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>