Integrating AppSync Plugin to your Angular application

1. Install appsync-ui-plugin from npm

npm i appsync-ui-plugin

2. Add the following to your angular.json file

"scripts": [
"./node_modules/appsync-ui-plugin/dist/AppSync.js"
]

3. Add the following to your *.module.ts file

   import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';]

   @NgModule({

   schemas: [CUSTOM_ELEMENTS_SCHEMA],

   })

4. Declare the variable in your *.component.ts file

   token: string;
   config: string;

5. Add the following to your *.component.html file

   <app-sync [attr.token]='token' [attr.config]="config"></app-sync>