Skip to content

Latest commit

 

History

History
61 lines (49 loc) · 1.21 KB

README.md

File metadata and controls

61 lines (49 loc) · 1.21 KB

Angular AnSyn Implementation

Installation

npm install @ansyn/ansyn @ansyn/assets

Usage

add ansyn to your assets / styles on angular.json file:

             "assets": [
                {
                  "glob": "**/*",
                  "input": "./node_modules/@ansyn/assets",
                  "output": "/assets"
               }
             ],
             styles: [
               "node_modules/@ansyn/assets/styles/styles.css"
             ]

on main.ts file:

import { fetchConfigProviders } from '@ansyn/core';

fetchConfigProviders('assets/app.config.json').then(providers =>  platformBrowserDynamic(providers).bootstrapModule(AppModule).catch(err => console.log(err)));

on app.module.ts:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { AnsynModule } from '@ansyn/ansyn';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AnsynModule.component()
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

on app.component.html:

  ...
  <ansyn-app></ansyn-app>
  ...