JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 170
  • Score
    100M100P100Q83892F
  • License MIT

ng2-ui utility functions

Package Exports

  • ng2-utils

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 (ng2-utils) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

ng2-utils

NG2-UI utility functions

Install

  1. install ng2-utils

     $ npm install ng2-utils --save

Use it in your code

App Component

    import { Ng2UtilsModule } from 'ng2-utils';

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

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

    platformBrowserDynamic().bootstrapModule(AppModule);

Javascript

    import { elementVisible, computedStyle, scrollTo, outerHeight, outerWidth } from 'ng2-utils';

HTML

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

  • 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