How to use resx file in javascript file. .net core 3.1 mvc

Question

I'am developing multi language web site with .net core mvc. I used Microsoft.AspNetCore.Mvc.Localization.IHtmlLocalizer.

This code is work fine in .cshtml for me

@inject Microsoft.AspNetCore.Mvc.Localization.IHtmlLocalizer<ExampleProject.WEB.Controllers.HomeController> localizer

@localizer["NotificationManage"]

Also works between <script> tags in _Layout page

 alert('@localizer["NotificationManage"]');

But don't working in js file.

How to use Resx file in javascript file.?

What another best to way make multi language to javascript?

alert('@localizer["NotificationManage"]');

Not working for me.

Alert Result is:@localizer["NotificationManage"];

This answer will help stackoverflow.com/a/55095806/5519026

LazZiya
– LazZiya

2021-01-26 12:40:35 +00:00
Commented Jan 26, 2021 at 12:40 — LazZiya
– LazZiya, Commented Jan 26, 2021 at 12:40

Jochem Van Hespen · Accepted Answer · 2021-01-26 12:12:31Z

10

One possible solution is to define your translations as a global variable on the window outside your script

<script>
var translations = {
   notification: '@localizer["NotificationManage"]'
}
</script>
<script type="text/javascript" src="pathtoscript.js"></script>

then inside your script you go

alert(window.translations.notification);

If any better solution is given here I'm happy to hear, because we use it this way in production

edited Jan 26, 2021 at 12:12

answered Jan 26, 2021 at 11:56

Jochem Van Hespen

4044 silver badges10 bronze badges

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

1 Comment

Jochem Van Hespen Over a year ago

since this is getting more upvotes then I could ever imagine I would strongly suggest you check out the blog post of the other answer, although my answer here is working it requires some coding, if you implement the blog post, resources will become automatically available to your js which is more desirable in some cases

lin · Accepted Answer · 2022-04-04 17:00:18Z

2

Another approach we could consider is to create a custom tag helper to convert the resource file contents to a global javascript object and then this variable object can be directly accessed in the external js files

It is mentioned in detail in this blog javascript localization worth a read.

answered Apr 4, 2022 at 17:00

lin

851 silver badge10 bronze badges

1 Comment

Zach Jensz Over a year ago

This should be a comment under the question instead, not enough detail for an answer

Collectives™ on Stack Overflow

How to use resx file in javascript file. .net core 3.1 mvc

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related