Angular 2 typescript - capitalize each word in input

Question

I have an angular form like:

<mat-form-field>
    <input
        matInput
        placeholder="Name">
</mat-form-field>

I need to capitalize each word in input. I used following code:

input.value = current.replace(/\b(\w)/g, symbol => symbol.toLocaleUpperCase());

but it doesn't capitalize characters like "ľščťžýáíé..." how can I solve this?

After inserting "abcděf čdef" it returns "AbcděF čDef" (just an example)

sdfbhg · Accepted Answer · 2017-10-09 17:50:25Z

1

\b is a non word boundary (i.e \b would make a boundary for any any character which doesn't belong to any 1 of [0-9a-zA-Z_])

So those accented word become the boundary for your word..

Instead use this regex

         /(^|\s)[a-z\u00E0-\u00FC]/g

answered Oct 9, 2017 at 17:50

sdfbhg

1095 bronze badges

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

2 Comments

solved, chceck my answer, it didn't just accept characters after \u00FC

User · Accepted Answer · 2017-10-09 18:00:00Z

1

SOLVED:

replaced original regex: /\b(\w)/g
with new regex: /(^|\s)[a-z\u00E0-\u170E]/g

answered Oct 9, 2017 at 18:00

User

3242 gold badges3 silver badges15 bronze badges