String replace then split breaks after multiple entries angularjs

Question

i'm trying to break multiple strings on the \n entry inside a string. currently the code is as followed:

<p ng-if="controller.service.variable" class="card-text" ng-repeat="factor in controller.service.variable.replace('\n\n','\n').split('\n')">{{factor}}</p>

This works just fine when there are two \n\n inside the string, when theres more then two, the split breaks and no longer shows anything.

the \n\n replace was supposed to fix this in a earlier bug, where two \n\n would break the string aswell. any ideas?

Current test data being split:

gjdfbjgd\n\njffsjfsbf\n\nsfj \n\nfsbfsssfsfsf

you can use split with regex .split(/\n*/), also no need of replace — arizafar
– arizafar, Commented Jan 20, 2020 at 10:26
@AZ_Data is now showing up, but not breaking lines propperly like it should with \n — Wesley van S
– Wesley van S, Commented Jan 20, 2020 at 10:33
@AZ_Still seems to showing up with spaces instead of the intended \n enters — Wesley van S
– Wesley van S, Commented Jan 20, 2020 at 10:40

Wesley van S · Accepted Answer · 2020-01-20 11:43:48Z

1

turned out to be a simple fix. Added the CSS: White-space:pre-wrap which fixed it.

answered Jan 20, 2020 at 11:43

Wesley van S

1671 gold badge2 silver badges13 bronze badges

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

1 Comment

lifetimeLearner007 Over a year ago

Everyone was busy trying to fix it programmatically all the while there was a simple css fix.

arizafar · Accepted Answer · 2020-01-20 11:17:29Z

0

You can use String.prototype.split with the regex.

let str  =`gjdfbjgd

jffsjfsbf

sfj 




fsbfsssfsfsf`;
console.log(str.split(/\n+/))

If string includes \n

let str  =`gjdfbjgd\\n\\njffsjfsbf\\n\\nsfj\\n\\n\\n\\nfsbfsssfsfsf`;
console.log(str)
console.log(str.split(/[\\n]+/))

edited Jan 20, 2020 at 11:17

answered Jan 20, 2020 at 11:11

arizafar

3,1321 gold badge11 silver badges19 bronze badges

3 Comments

Wesley van S Over a year ago

Giving this a try and right now it's return the following error with this expression: Lexer Error: Unexpected next character at columns 50-50 [] in expression [datagathering.wam.IDD_Technical_Factor__c.split(/[\n]+/].

Wesley van S Over a year ago

When i remove one \n it will return the following error Syntax Error: Token '/' not a primary expression at column 49 of the expression [datagathering.wam.IDD_Technical_Factor__c.split(/[ ]+/)] starting at [/[ ]+/].

arizafar Over a year ago

why you tried .split(/[\n]+/] not .split(/[\\n]+/]?

Collectives™ on Stack Overflow

String replace then split breaks after multiple entries angularjs

2 Answers 2

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related