How to use replace & with & in angularjs

Question

Problem: I am having a hard time to replace"&amp ;" to &. Is their a way to use javascript to replace the ampersand to &.

<div class="col-md-4 no-margin padding" id="change">
 <strong>Specialty: </strong>{{e.Specialty}}
</div>

I would like to replace the "&amp ;" when it grabs the data from the database to "&".

So currently, it will display "Nursing &amp ; Doctor" rather then "Nursing & Doctor"

How can I achieve this using replace. I have tried ng-show, Santize, and ng-bind-html but have not worked out for me.

bryanfeller · Accepted Answer · 2018-02-05 02:15:58Z

2

This is not necessarily the best way but for those of you that need to do this you can use this:

var parser = new DOMParser;
var dom = parser.parseFromString(YOURSTRING,'text/html');
var decodedString = dom.body.textContent;

answered Feb 5, 2018 at 2:15

bryanfeller

3364 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ManishSingh · Accepted Answer · 2017-09-19 20:04:12Z

1

You have to use $sce service and trustAsHtml so that Angular will not do the encoding and display the output without output encoding. Details are here https://docs.angularjs.org/api/ngSanitize

Steps are below-

Include ngSanitize module - angular.module('app', ['ngSanitize']);
Inject $sce service in your controller
Truest output using - vm.Specialty= $sce.trustAsHtml(Specialty);
Display to the user without output encoding - Specialty: bind-html-compile=e.Specialty

edited Sep 19, 2017 at 20:04

answered Sep 19, 2017 at 19:11

ManishSingh

1,9541 gold badge12 silver badges11 bronze badges

2 Comments

Robert Over a year ago

@ ManishSingh: not sure how to do step 3. where would that go?

ManishSingh Over a year ago

It should be implemented in controller

taylor michels · Accepted Answer · 2019-10-15 13:58:05Z

1

This can be done using

<span ng-bind-html="e.Specialty"></span>

and include ['ngSanitize'] in your module

plunkr example: https://plnkr.co/edit/d6Anjr7vL6un9d0yL5ZW?p=preview

answered Oct 15, 2019 at 13:58

taylor michels

5386 silver badges14 bronze badges

Comments

Kyle · Accepted Answer · 2017-09-19 17:29:31Z

0

I would use a filter...

JavaScript:

myApp.filter('andFilter', function() {
  return function(item) {
    return item.replace(/&amp ;/g, '&');
  }
});

HTML:

<div class="col-md-4 no-margin padding" id="change">
 <strong>Specialty: </strong>{{e.Specialty | andFilter}}
</div>

answered Sep 19, 2017 at 17:29

Kyle

6,5276 gold badges44 silver badges56 bronze badges

1 Comment

Slot Machine Over a year ago

The space between the &amp and semicolon should be removed to replace &

Collectives™ on Stack Overflow

How to use replace & with & in angularjs

4 Answers 4

Comments

2 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related