angular-lazy-render

angular-lazy-render

Installation

To install this library, run:

$ npm install angular-lazy-render --save

Usage

Once you have installed, you can import in your Angular AppModule:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

// Import your library
import { LazyRenderModule } from 'angular-lazy-render';

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

<!-- You can now use your library component in app.component.html -->
<h1>
  {{title}}
</h1>
<lazy-page index="1">
    <lazy-block>section-0</lazy-block>
    <lazy-block>section-1 first render</lazy-block>
    <lazy-block>section-2</lazy-block>
</lazy-page>

index: make the block index which will first to render

Development

To generate all *.js, *.d.ts and *.metadata.json files:

$ npm run build

To lint all *.ts files:

$ npm run lint

License

MIT © angular-lazy-render