loke/ng2-fittext
1
0
Fork 0
Code Issues 2 Pull requests 2 Projects Releases 3 Packages Wiki Activity Actions

Added rxjs in packege.json; Added activateOnInputEvents proprierty for listen the events in input element and resize when it occurs

Browse source
This commit is contained in:
Lorenzo Iovino 2017-05-19 13:17:30 +02:00
parent 9dc59fd560
commit c76d6dbb1a
2 changed files with 14 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/ng2fittext.directive.ts
View file

@ -8,15 +8,16 @@ export class Ng2FittextDirective implements AfterViewInit, OnInit {
@Input('fittext') fittext: any;
@Input('container') container: any;
@Input('activateOnResize') activateOnResize: boolean;
@Input('activateOnInputEvents') activateOnInputEvents: boolean;
private fontSize: number = 0;
private speed: number = 1.05;
constructor(public el: ElementRef, public renderer: Renderer) {
}
setFontSize(fontSize) {
this.fontSize = fontSize;
return this.el.nativeElement.style.setProperty('font-size', (fontSize).toString()+'px');
this.fontSize = fontSize;
return this.el.nativeElement.style.setProperty('font-size', (fontSize).toString()+'px');
}
calculateFontSize(fontSize, speed){
@ -38,6 +39,14 @@ export class Ng2FittextDirective implements AfterViewInit, OnInit {
}
}
@HostListener('input', ['$event'])
onInputEvents() {
if(this.activateOnInputEvents && this.fittext) {
this.setFontSize(this.container.clientHeight);
this.ngAfterViewInit();
}
}
ngOnInit() {
if (this.fittext) {
this.setFontSize(this.container.clientWidth);