fix: lazily resolve translate service in translate compiler

[dhhyi]

PR Type

[x] Bugfix

What Is the Current Behavior?

translate functionality of PWATranslateCompiler breaks on SSR after the first SSR prerender.

Steps to reproduce:

• add a translation key using the translate functionality:

  "test.translate.key": "Welcome to {{ translate, seo.defaults.description }}",
  

• use this key on some page:

  {{ 'test.translate.key' | translate }}

• start SSR: npm run start
• trigger an SSR render for that page multiple times

-> it will work properly the first time, but for every subsequent prerender the following errors are displayed in the console:

ERROR Error Injector has already been destroyed. at R3Injector.assertNotDestroyed (/home/dh/workspace/intershop-pwa/dist/b2b/server/main.js:1:1357692)

What Is the New Behavior?

• translate service is lazily fetched from the injector once and reused every time.

Does this PR Introduce a Breaking Change?

[ ] Yes
[x] No

Other Information

AB#72606

[dhhyi]

not solved completely yet 😢
Going to a different page first leaves the issue happening.

[dhhyi]

@MaxKless NOW it is ready 😄

[MaxKless]

Sorry it took so long for me to review this. It looks good, but is there any more to the setup?
I can't seem to reproduce the original error on our current develop branch. Can you confirm the problem still exists @dhhyi ?

[dhhyi]

@MaxKless Still happens for me. Try the following:

add new key to src/assets/i18n/en_US.json
echo "{{ 'test.translate.key' | translate }}" > src/app/pages/home/home-page.component.all.html
npm run start

other shell:
watch curl http://localhost:4200/home

[MaxKless]

this.translate().instant() might look slightly weird, but imo it's a good, minimally invasive and unobtrusive change. Just a single comment.