I'm facing an issue when changing the viewing language from English to Arabic in my Angular project.
The lang=ar property for the html tag changes the numbers from 1234567890 to ١٢٣٤٥٦٧٨٩٠ which is something I don't want. Isn't there a way to force the use of English numbers? I have lots of dynamic cases and scenarios and a custom pipe or directive didn't help! Also, a function to convert the numbers wouldn't be efficient since I'll have to use it hundreds of times!
After creating a basic Angular project to test, I found out that the lang=ar does not automatically convert the numbers to Hindu–Arabic!
It's the font family we're using that does! The font family we use provides default number styles with Hindu–Arabic system and the document uses those. I had to find another font family to fix the issue..
I'll leave the question and hopefully someone knows a real solution.