How to replace multiple characters in angularjs view of an asp.net mvc

Question

I have and angularjs view in html below

<tr ng-repeat="l in tutorRequests" class="form-text">
    <td>{{l.tutorid}}</td>
    <td>{{l.tutorsubject.replace(',',"")}}</td>
    <td>View Details</td>

the Output of the <td>{{l.tutorsubject}}</td> is in the format below:

Further Mathematics,Environmental Management,Geography ,Programming,Physics,

When I used <td>{{l.tutorsubject.replace(',',"")}}</td> it replaced the first comma in the output string. How can I replace all the comma character in the entire string? The idea is to replace the comma with a 

Would be waiting for your response.

See Replacing all occurences of a string in JavaScript

castletheperson
– castletheperson

2016-05-25 17:12:28 +00:00
Commented May 25, 2016 at 17:12 — castletheperson
– castletheperson, Commented May 25, 2016 at 17:12

Daniel Netto · Accepted Answer · 2016-05-25 17:11:15Z

3

<td>{{l.tutorsubject.replace(/,/g,"</span><span class=''>")}}</td>

The regex /,/g matches all occurrence of comma in the string and replace with 

answered May 25, 2016 at 17:11

Daniel Netto

3855 silver badges18 bronze badges

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

5 Comments

Guzzyman Over a year ago

Your code too didn't work either. I'm looking for how to fuse html as the replacement string.

Daniel Netto Over a year ago

what was your output? Did you get any error message? Was it something similar like {{l.tutorsubject.replace(/,/g, '')}}

Guzzyman Over a year ago

It's not displaying anything at all however, when I used <td>{{l.tutorsubject.split(",").join(" ")}}</td>, I got result with space in between the subjects. I want the span html between the subjects so I can style it with padding, background color and margin to make the subjects look seprate and visually appealing.

Daniel Netto Over a year ago

Is it possible that you can evaluate the expression in angular controller file? stackoverflow.com/questions/29031157/… stackoverflow.com/questions/19208574/using-regex-in-view

Guzzyman Over a year ago

Actually, the {{l.tutorsubject.replace(/,/g, '')}} is from the database along with other results. How do I evaluate it?

castletheperson · Accepted Answer · 2016-05-25 17:20:13Z

2

You can either use a regex with the global modifier /,/g:

<td>{{l.tutorsubject.replace(/,/g,"</span><span>")}}</td>

Or you can use the functional alternative:

<td>{{l.tutorsubject.split(",").join("</span><span>")}}</td>

Note: Setting class="" can be omitted because having no classes is the default.

answered May 25, 2016 at 17:20

castletheperson

33.6k11 gold badges74 silver badges111 bronze badges

1 Comment

Guzzyman Over a year ago

There were errors when I used both codes however, when i replaces the  with another character, it worked. I guess it doesn't want html as the replacement string. How can I use html to replace the ,?

Collectives™ on Stack Overflow

How to replace multiple characters in angularjs view of an asp.net mvc

2 Answers 2

5 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related