Using Flo.w RDF with Angular

Angular (opens new window) is a JavaScript framework for building web applications. A support package is provided for integrating Flo.w RDF with Angular and enabled Flo.w RDF web components to be used in the same way as Angular components.

TIP

A full Angular project with integrated Flo.w RDF support can be created using the Flo.w CLI and picking the angular-starter-serverless option:

flow new <project-name>

To install the support library, perform the following command in your Angular project root directory:

npm install flow-rdf flow-rdf-angular

To register Flo.w RDF web components and initialize a context object, modify your ./src/app/app.module.ts file as shown below:

import { FlowRdfAngularModule } from 'flow-rdf-angular';
import { environment } from '../environments/environment';

...

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    ...
    FlowRdfAngularModule.register({
      apiKey: 'b6b77cc4-904a-46d1-aa0f-3bf3848ce4c7',
      enableDebug: !environment.production
    }),
  ],
  bootstrap: [AppComponent],
})
export class AppModule {}

// Make sure to add code blocks to your code group