Package Exports

@ngui/common

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@ngui/common) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

@ngui/common

Angular 6+ UI common directives, functions, services

Demo
Object Documentation
Code Coverage Report
Unit Test Report
Acceptance Report

Install

install @ngui/common

$ npm install @ngui/common --save

import NguiCommonModule to your AppModule

import { NguiInviewModule, NguiListModule, NguiUtilsModule } from '@ngui/common';

@NgModule({
  imports: [BrowserModule, FormsModule, NguiListModule, NguiInviewModule, NguiUtilsModule],
  declarations: [AppComponent],
  providers: [HTTP_PROVIDERS],
  bootstrap: [ AppComponent ]
})
export class AppModule { }

Use it in your code

<ngui-inview> <!-- only displays when this is in viewport -->
  <img *ngIf src="https://picsum.photos/800/300" height="33%">
</ngui-inview>

Modules

NguiInViewModule

Handles lazy loading of Angular components, which utilizes HTML5 IntersectionObserver For IE11 and Safari, please add polyfill for this module <script src="https://polyfill.io/v2/polyfill.min.js?features=IntersectionObserver"></script>

ngui-inview component
ngui-inview directive

NguiUtilsModules

Collection of basic utility function

DynamicComponentService
nguiHilight pipe
fireEvent function

NguiListModule

Handles list elements with highlight and keyboard/mouse interaction

ngui-inview-page component
ngui-list component
ngui-virtual-list component
ngui-autocomplete component