Angular SSR 17 providers and GET calls not working about angular HOT 5 CLOSED

Hi, this issue is being tracked at angular/angular-cli#26323

from angular.

There is an issue with your example.

'query-params' !== new InjectionToken('query-params')

Try creating a single injection token instance and using it in both AppComponent and server.ts as below.

in app.component.ts

export const QUERY_PARAMS = new InjectionToken('query-params');
...
@Optional() @Inject(QUERY_PARAMS)
              public queryParams: { email: string, name: string, lang: string }

in server.ts

import { QUERY_PARAMS } from './src/app/app.component';

// pre-render hooks
  server.get('*', (req, res, next) => {
    const { protocol, originalUrl, baseUrl, headers } = req;
    queryParams = req.query;
    commonEngine
      .render({
        bootstrap,
        documentFilePath: indexHtml,
        url: `${protocol}://${headers.host}${originalUrl}`,
        publicPath: browserDistFolder,
        providers: [
          { provide: APP_BASE_HREF, useValue: baseUrl },
          {
            // provide: 'query-params',
            provide: QUERY_PARAMS,
            useValue: queryParams
          }
        ]
      })
      .then((html) => {
        console.log(html);
        res.send(html);
      })
      .catch((err) => next(err));
  });

from angular.

@alexcmoss thanks, but this is still not working using the latest Angular 17 SSR. I've tried it with APP_BASE_HREF or REQUEST and RESPONSE to make sure that not only custom token providers are working - same result

As far as I read and understand you have to use the extra Angular 16 builder for browser and server in angular.json to make it work?!
To reproduce just create a new Angular SSR project with Angular CLI and try to use any provider in app.component.
It is just not working - no matter how I try to use providers or how I configure my app.
As a workaround you can fetch the data on client from the node backend with an API route, but this breaks the whole intention to use specific url params to identify which user/email we have to handle...

from angular.

Is there any news? InjectionToken not working in Angular 17 SSR. If someone have working demo, please share.
It not works even if you build app and serve SSR as usual. Simply all InjectionTokens are ignored.

Update: I've solved this issue for my case. More details here: angular/angular-cli#26323 (comment)

from angular.

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}

from angular.