ng2-utils

ng2-ui utility functions

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
ng2-utils
120.6.16 years ago7 years agoMinified + gzip package size for ng2-utils in KB

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}}

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