SwitchLanguage | Android 多语言切换及适配指南 | Android library

i am using Laravel 8 and I am using built in Auth module. I am login with mobile using ajax request. When user login and page redirct i get error /undefined route. I attach screen shoot of error. My ajax code is,

I'm trying implement multilingual possibilities in my app, and I'm using ngx-translate. Now my app has possibilities to switch language from English to Russian, and it's work fine, but I want that my app would have dynamic page title. I'm using Title service and it's work fine too, but when I switching language the title still in default language.

HOW CAN I HAVE DYNAMIC TRANSLATED TITLE IN MY APP???

~apologies for a grammatical mistakes

app.module.ts

I use one javascript to build my html page using templates (PageBuilder) and another to translate the content Translator. Problem is that the page has to be fully built before translating it otherwise some items are not found by Translator when it loads, and that's what happens here.

From reading the logs, I can tell that the problem is in PageBuilder.drawNav(): before it ends, Translator.load() has already started. Can you tell me how to make sure drawNav is fully completed before the code can continue?

Main js

I can't wrap my head around callback syntax, can you please help me re-write my code so that it executes in this order:

I'm trying to use the useCallback hook, to change the language using gatsby-intl plugin, they have a method (changeLocale()) what can be used to change the default language of the site. I wanted to avoid passing props in JSX arrow's functions despite the solution is working so I'm trying to use the useCallback hook.

I'm implementing a language switch component which display checkboxes, one for each language of the app (translations with @ngx-translate).

When clicking one of the checkbox, app language is correctly switched but the clicked mat-checkbox is still unchecked.

Template :

I am new to angular. I have three separate component header, app component(main), footer component.

I have search input in header component. Once I search the output result should be show in app-component.

I have used the @Output to show the result in the app-component.

The problem when I use @Output then the whole template is been displayed in the app-component instead of the only the result.

If you check the app-component, the header component is been shown once again.

Code:

app-header.component.html:

I'm new to angular, I'm trying to save the select option tag, the language gets saved successfully however, the select option displays the English language by default even if I chose Arabic, when the page refreshes it gets back to English, I would appreciate if you can help me achieve this

footer.component.html

In some cases (demo below) the value shown on the OpenMenu widget does not match that used by the program, this causes option B to be done when the user is expecting option A - causing a WTF?? reaction by the user.

Unfortunately the OptionMenu widget does not have the "command" option that I've used with other widgets to easily handle the problem (e.g. "A_Button" widget in demo). I've tried using bindings but so far I haven't a "magic bullet" that fixes the problem.

I've checked the usual places (NMT, effbot, here, etc.) and found close to no useful documention on this widget, especially when it comes to working with the items on the dropdown list. (Knowing how to determine the number of items in the list, the position/index of the currently selected value in the list and how to include the widget in the GUI's tab sequence would be useful).

My application is multilingual; when the language changes the displayed value and the dropdown list of the OptionMenu widget must change accordingly. (BTW, multilingualism means that you cannot directly use the results of .get() in the code, especially if another language gets added. To get language independence I'm using an index created by matching the .get() value to the values in the option menu - is there a better method? )

In the demo code the chosen language determines the values shown by the OptionMenu widget. "Use the date" (a Button widget) is exactly how the real application gets launched (and why it's mandatory that the GUI and program values match at all times - which is is not always happening). In contrast, "What day is it??" (also a Button widget) uses the command option to implement the expected/correct behaviour - as has been successfully done many times in my application.

To see the problem run the demo, selecting any language. Without changing languages change the day several times. Note that the printed value (used by my application) is always one selection behind that shown on the GUI widget. Next, without changing days, select a different language (the new language gets printed). The OptionMenu dropdown values do not change until after the mouse leaves the OptionMenu widget - and its displayed value never gets "translated" into the new language.

What am I overlooking/missing/doing wrong?