This package has been deprecated

Author message:

Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

@ngui/utils
TypeScript icon, indicating that this package has built-in type declarations

0.8.1 • Public • Published

Angular 2 UI Utility Functoins

utility functions

IMPORTANT NOTICE

After 0.7.0 or higher, ng2-utils has been changed to @ngui/utils like the same Angular version is more than 2. Here are the changes;

  • Module name ng2-utils has been changed to @ngui/utils.
  • Direvtive name ng2-utils-X is moved to ngui-utils-X. e.g., ngui-utils-1
  • Class name Ng2Util is moved to NguiUtils.

Install

  1. install @ngui/utils

     $ npm install @ngui/utils --save
    

Use it in your code

App Component

    import { NguiUtilsModule } from '@ngui/utils';

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

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

    platformBrowserDynamic().bootstrapModule(AppModule);

Javascript

    import { elementVisible, computedStyle, scrollTo, outerHeight, outerWidth } from '@ngui/utils';

HTML

    {{myHtml | htmlCode}}
    {{myHtml | htmlCode:'include'}}
    {{myHtml | htmlCode:'-include'}}
    {{ngOnInit | jsCode}}

DOM-related functions

  • computedStyle(element, styleName)

    • returns style value
  • elementVisible(innerElement, outerElement)

    • returns visiblility of top, bottom, left, and right
  • outerHeight(element)

    • return height in number
  • outerWidth(element)

    • return width in number
  • scrollTo(selector, parentCssSelector)

    • scrolls to a certain section in a second
    • returns void

Pipes

  • string | htmlCode:'include,-exclude'

    • returns html string with tags included and excluded
  • string | jsCode

    • returns beautified Javascript code

Services

* MemoryStorage
  memory storage without using localStorage or sessionStorage with following functions
    * getItem(key: string) : returns string value of stored value
    * setItem(key: string, value: string): store value of key into memory
    * clear(): reset memory storage

* Storage
  session storage using sessionStorage with fallback to MemoryStorage with following functions
    * getItem(key: string) : returns string value of stored value
    * setItem(key: string, value: string): store value of key into memory
    * clear(): reset storage

Readme

Keywords

none

Package Sidebar

Install

npm i @ngui/utils

Weekly Downloads

1,960

Version

0.8.1

License

MIT

Last publish

Collaborators

  • allenkim
  • hakimio
  • rajmayank