bb635c09fd
Use const instead of let. Some of the variables are never reassigned, so it is preferred to use const over let PR Close #30888
57 lines
1.5 KiB
TypeScript
57 lines
1.5 KiB
TypeScript
// #docregion
|
|
import { Component, Input, OnInit, ViewChild, ComponentFactoryResolver, OnDestroy } from '@angular/core';
|
|
|
|
import { AdDirective } from './ad.directive';
|
|
import { AdItem } from './ad-item';
|
|
import { AdComponent } from './ad.component';
|
|
|
|
@Component({
|
|
selector: 'app-ad-banner',
|
|
// #docregion ad-host
|
|
template: `
|
|
<div class="ad-banner-example">
|
|
<h3>Advertisements</h3>
|
|
<ng-template ad-host></ng-template>
|
|
</div>
|
|
`
|
|
// #enddocregion ad-host
|
|
})
|
|
// #docregion class
|
|
export class AdBannerComponent implements OnInit, OnDestroy {
|
|
@Input() ads: AdItem[];
|
|
currentAdIndex = -1;
|
|
@ViewChild(AdDirective, {static: true}) adHost: AdDirective;
|
|
interval: any;
|
|
|
|
constructor(private componentFactoryResolver: ComponentFactoryResolver) { }
|
|
|
|
ngOnInit() {
|
|
this.loadComponent();
|
|
this.getAds();
|
|
}
|
|
|
|
ngOnDestroy() {
|
|
clearInterval(this.interval);
|
|
}
|
|
|
|
loadComponent() {
|
|
this.currentAdIndex = (this.currentAdIndex + 1) % this.ads.length;
|
|
const adItem = this.ads[this.currentAdIndex];
|
|
|
|
const componentFactory = this.componentFactoryResolver.resolveComponentFactory(adItem.component);
|
|
|
|
const viewContainerRef = this.adHost.viewContainerRef;
|
|
viewContainerRef.clear();
|
|
|
|
const componentRef = viewContainerRef.createComponent(componentFactory);
|
|
(<AdComponent>componentRef.instance).data = adItem.data;
|
|
}
|
|
|
|
getAds() {
|
|
this.interval = setInterval(() => {
|
|
this.loadComponent();
|
|
}, 3000);
|
|
}
|
|
}
|
|
// #enddocregion class
|