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

Angular5+ 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 { InViewModule } from '@ngui/common';

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

Use it in your code

<input auto-complete [(ngModel)]="myData" [source]="mySource" />

Modules

InViewModule

Handles lazy loading of Angular components

Utilize HTML5 IntersectionObserver
For IE11, please add polyfill for this module <script src="https://polyfill.io/v2/polyfill.min.js?features=IntersectionObserver"></script>

UtilsModules

Collection of basic utility function

computedStyle(el, name)
outerHeight(el)
outerWidth(el)

ListModule

Handles list elements with highlight and keyboard/mouse interaction

Provides ngui-list component