-
Notifications
You must be signed in to change notification settings - Fork 45
/
dynamic-ng-for.component.ts
48 lines (40 loc) · 1.19 KB
/
dynamic-ng-for.component.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
import { Component, OnInit, AfterViewInit, ViewChildren, QueryList } from '@angular/core';
@Component({
selector: 'app-dynamic-ng-for',
templateUrl: './dynamic-ng-for.component.html',
styleUrls: ['./dynamic-ng-for.component.scss']
})
export class DynamicNgForComponent implements OnInit, AfterViewInit {
@ViewChildren('sectionRef') sectionRef: QueryList<any>;
config: any;
fullpageApi: any;
sections = [1];
constructor() {
// this is just an example => for more details on config please visit fullPage.js docs
this.config = {
licenseKey: 'YOUR LICENSE KEY HERE',
anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'lastPage'],
menu: '#menu',
navigation: true,
sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', 'whitesmoke', '#ccddff'],
};
}
ngOnInit() {
}
ngAfterViewInit() {
this.sectionRef.changes.subscribe(() => {
this.ngForRendred();
});
}
getRef(fullPageRef) {
this.fullpageApi = fullPageRef;
}
add() {
const twoDigits = Math.random() * 100;
this.sections.push( Math.round(twoDigits) );
}
ngForRendred() {
console.log('ngFor dom render is done');
this.fullpageApi.build();
}
}