Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2026-02-03 07:01:48 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor(components): ViewChild instead of querying dom

Browse source
This commit is contained in:
nixa 2016-05-20 20:00:36 +03:00
parent b05f525a7c
commit d1307b8f58
4 changed files with 10 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/app/theme/components/baChartistChart/baChartistChart.component.ts
View file

@ -1,4 +1,4 @@
import {Component, ViewEncapsulation, Input, Output, ElementRef, EventEmitter} from '@angular/core';
import {Component, ViewChild, ViewEncapsulation, Input, Output, ElementRef, EventEmitter} from '@angular/core';
import {Chartist} from './baChartistChart.loader.ts';
@ -18,14 +18,10 @@ export class BaChartistChart {
@Input() baChartistChartClass:string;
@Output() onChartReady = new EventEmitter<any>();
constructor (private _elementRef:ElementRef) {
}
@ViewChild('baChartistChart') private _selector:ElementRef;
ngAfterViewInit() {
let el = this._elementRef.nativeElement.querySelector('.ba-chartist-chart');
let chart = new Chartist[this.baChartistChartType](el, this.baChartistChartData, this.baChartistChartOptions, this.baChartistChartResponsive);
let chart = new Chartist[this.baChartistChartType](this._selector.nativeElement, this.baChartistChartData, this.baChartistChartOptions, this.baChartistChartResponsive);
this.onChartReady.emit(chart);
}
}

2
src/app/theme/components/baChartistChart/baChartistChart.html
View file

@ -1 +1 @@
<div class="ba-chartist-chart {{baChartistChartClass || ''}}"></div>
<div #baChartistChart class="ba-chartist-chart {{baChartistChartClass || ''}}"></div>