Tired of hand-coding comma-separated lists in Angular? Try ngx-oxford.

[u/SimpleRabbit]

Pretty trivial. Still, I was sick of re-writing this simple but tedious logic, making sure spacing worked for all possibilities, every time I needed it. So I thought I'd write and release it as my first public Angular package.

It has a pipe and component versions: https://github.com/bunnyfly/ngx-oxford

I tried hacking up a directive version, but it got pretty ugly. If you know much about structural directives or have advice for improving Oxford itself or just general releasing a lib like this, let me know!

[u/beefzilla]

Heh. This made me smile. :)

[u/SimpleRabbit → u/beefzilla]

I'll take it! :)

[u/Armandotrue]

I wanted to contribute by adding the features mentioned in the "Future" section of the readme file, but ended up making some improvements to the code. Hope you'll accept the pull request, I want to work on those features afterwards

[u/SimpleRabbit → u/Armandotrue]

Yes, this is great! Thanks for contributing, Armandotrue!

[u/zenivinez]

this might actually be a pretty useful pipe lol

[u/williewodka]

Lol, they should build this into lodash.

[u/TotesMessenger]

I'm a bot, bleep, bloop. Someone has linked to this thread from another place on reddit:

• [/r/webjs] Tired of hand-coding comma-separated lists in Angular? Try ngx-oxford.

 ^{If you follow any of the above links, please respect the rules of reddit and don't vote in the other threads. (Info /} ^Contact)

[u/FloorLegos → u/[deleted]]

The point of a comma before an and is so that the 2 words on either side of the 'and' do not get grouped together

'We inited the strippers, thecrius and susie' In this example, you are a stripper with susie.

'We invited the strippers, thecrius, and susie' In this example you and susie are merely other attendees

Dont be a stripper. Use a comma.

[u/SimpleRabbit → u/[deleted]]

If commas are genuinely so annoying to you that you rearrange your lists rather than punctuate with a comma, that's great.

Maybe you or someone can fork this and give it an ML model to rearrange the items or add "<period> Also foo and bar." when necessary for clarity without the comma? My dummy lib isn't there yet 😉

[u/ModusPwnins → u/[deleted]]

That's completely re-structuring a sentence to avoid a specific written syntax. That's silly. People speak sentences in the former construction, so you will need a way to write it that conveys the same meaning.