po-page-dynamic-table: Erro no uso da propriedade p-service-api

[JCTG-Jorge]

po-page-dynamic-table: Erro no uso da propriedade p-service-api

[jnrpalma]

@JCTG-Jorge Obrigado pelo seu contato e pela informação fornecida. Estamos analisando a questão apresentada e trabalharemos para lhe dar um retorno o mais breve possível.

Poderia disponibilizar um Stackblitz para reproduzir o problema: https://stackblitz.com/edit/po-ui ?

[JCTG-Jorge]

@jnrpalma, entao mais pelo stackbliz é a versão 15.0.3 do angular o problema so ocorre no angular 17 e PO-UI 17.1.1
no angular 16.2 e po-ui 16.16.0 está ok

[jnrpalma]

Consegue atraves desse link https://stackblitz.com/edit/po-ui-zozpvv-zt3up7?file=src%2Fapp%2Fapp.component.ts ? @JCTG-Jorge

Fico no aguardo.

[JCTG-Jorge]

@jnrpalma ,
consegui acessar este link vi que vc colocou 17 mais está com modulo o como estou fazendo é o novo jeito sem modeulo:

onde agora coloca o interceptor dentro appConfig.

e standalone: true

desta forma não vai apresentar o erro.

[JCTG-Jorge]

@jnrpalma, bom dia!
Fiz um gravação, pra melhorar o entendimento do que esta ocorrendo.
https://youtu.be/DxxSXPh_ayw

[jnrpalma]

Ola @JCTG-Jorge passa pra mim seu app por gentileza !
Fico no aguardo.

[JCTG-Jorge]

Oi @jnrpalma
segui o app
https://github.com/JCTG-Jorge/DEVPOUI17

[jnrpalma]

Olá @JCTG-Jorge realizei algumas mudanças nos fontes fornecidos

export class AuthInterceptor implements HttpInterceptor {

  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    console.log("Passou no Interceptor");

    const headers = new HttpHeaders({
      'Content-Type': 'application/json',
      'Authorization': 'Basic ' + btoa('jorge:pedrinho@123')
    });

    // Clonando a requisição para adicionar os novos cabeçalhos
    req = req.clone({ headers });

    // Utilizando o método `handle` do `HttpHandler` para passar a requisição adiante
    return next.handle(req);
  }
}

export const appConfig: ApplicationConfig = {
  providers: [
    provideRouter(routes),
    provideHttpClient(),
    {
      provide: HTTP_INTERCEPTORS,
      useClass: AuthInterceptor,
      multi: true,
    },
    importProvidersFrom([BrowserAnimationsModule, HttpClientModule, PoHttpRequestModule]),
  ],
};

<po-page-dynamic-table
  #cadastroTable
  [p-auto-router]="true"
  [p-concat-filters]="true"
  [p-keep-filters]="true"
  p-title="Users"
  [p-fields]="fields"
  p-service-api="https://po-sample-api.onrender.com/v1/people">
</po-page-dynamic-table>

Dessa forma não mais necessária o uso do ngOninit

Realize testes e me retorne fico no aguardo !

[JCTG-Jorge]

@jnrpalma,
funcionou muito obrigado pela explicação e o apoio...
entao com o PO-UI tem que continuar usando HttpInterceptor ... e não o que eu estava tentando usar "HttpInterceptorFn"
correto?

[jnrpalma]

@JCTG-Jorge A interface HttpInterceptor fornece o método intercept, que você precisa sobrescrever para adicionar a lógica do seu interceptor...

[JCTG-Jorge]

Correto Obrigado!

[jnrpalma]

Core Team PO UI à Disposição.