Para definir onde você quer mostrar uma tela server-driven no Angular, você deve usar o componente fornecido pela biblioteca <beagle-remote-view>
Este componente tem outros atributos que podem ser configurados. No entanto nessa implementação você utilizará somente o atributo path, descrito no exemplo abaixo.
Para mais detalhes sobre esse componente clique no link a seguir e verifique os detalhes do Remote View
No arquivo html do seu componente, adicione o remote view
.
<beagle-remote-view [loadParams]="loadParams"></beagle-remote-view>
Feito isso, acesse o controller do componente em que você adicionou o remote view e crie o loadParams
que é esperado pelo remote view.
loadParams: LoadParams;
constructor() {
this.loadParams = {
path: '/pathToScreen'
};
}
path
, deve ficar o caminho para seu JSON que será associado com o baseUrl
definido em beagle.module.ts
.Para definir uma tela server-driven no React, você precisa criar um serviço com uma configuração mínima, como no exemplo:
import { createBeagleUIService } from "@zup-it/beagle-react";
export default createBeagleUIService({
baseUrl: "",
components: {},
});
Feito isso, usamos dois componentes fornecidos pela biblioteca Beagle para definir onde a tela server-driven será renderizada:
BeagleProvider
BeagleRemoteView
...
import { BeagleProvider, BeagleRemoteView } from '@zup-it/beagle-react';
import BeagleService from './beagle/beagle-service';
function App() {
return (
<BeagleProvider value={BeagleService}>
<BeagleRemoteView path={'/pathToScreen'} />
</BeagleProvider>
);
}
export default App;
path
, deve ficar o caminho para seu JSON que será associado com o baseUrl
definido em seu serviço.Was this page helpful?
Glad to hear it! Please tell us how we can improve.
Sorry to hear that. Please tell us how we can improve.