d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { Directive, EmbeddedViewRef, Input, OnChanges, Renderer2, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
import { isTemplateRef } from 'ngx-tethys/util';

/**
 * @name thyStringOrTemplateOutlet
 */
@Directive({
    selector: '[thyStringOrTemplateOutlet]',
    exportAs: 'thyStringOrTemplateOutlet',
    standalone: true
})
export class ThyStringOrTemplateOutletDirective implements OnChanges {
    private viewRef: EmbeddedViewRef<any>;

    private textNode: Text;

    @Input() thyStringOrTemplateOutletContext: any;

    @Input() thyStringOrTemplateOutlet: any | TemplateRef<any>;

    constructor(private viewContainerRef: ViewContainerRef, private renderer: Renderer2) {}

    ngOnChanges(changes: SimpleChanges): void {
        if (changes['thyStringOrTemplateOutlet']) {
            this.updateView();
        } else if (this.viewRef && changes['thyStringOrTemplateOutletContext'] && this.thyStringOrTemplateOutletContext) {
            this.viewRef.context = this.thyStringOrTemplateOutletContext;
        }
    }

    private updateView() {
        this.clear();

        if (this.thyStringOrTemplateOutlet) {
            if (isTemplateRef(this.thyStringOrTemplateOutlet)) {
                this.viewRef = this.viewContainerRef.createEmbeddedView(
                    this.thyStringOrTemplateOutlet,
                    this.thyStringOrTemplateOutletContext
                );
            } else {
                this.textNode = this.renderer.createText(this.thyStringOrTemplateOutlet + '');
                const element = this.viewContainerRef.element.nativeElement as HTMLElement;
                this.renderer.insertBefore(element.parentNode, this.textNode, element);
            }
        } else {
            this.viewRef = null;
        }
    }

    private clear() {
        this.viewContainerRef.clear();
        if (this.textNode) {
            this.renderer.removeChild(this.textNode.parentNode, this.textNode);
        }
    }
}

1	import { Directive, EmbeddedViewRef, Input, OnChanges, Renderer2, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
2	import { isTemplateRef } from 'ngx-tethys/util';
3
4	/**
5	* @name thyStringOrTemplateOutlet
6	*/
7	@Directive({	1✔
8	selector: '[thyStringOrTemplateOutlet]',
9	exportAs: 'thyStringOrTemplateOutlet',	×
10	standalone: true	×
11	})
12	export class ThyStringOrTemplateOutletDirective implements OnChanges {
13	private viewRef: EmbeddedViewRef<any>;	×
14		×
15	private textNode: Text;
16		×
17	@Input() thyStringOrTemplateOutletContext: any;	×
18
19	@Input() thyStringOrTemplateOutlet: any \| TemplateRef<any>;
20
21	constructor(private viewContainerRef: ViewContainerRef, private renderer: Renderer2) {}	×
22		×
23	ngOnChanges(changes: SimpleChanges): void {	×
24	if (changes['thyStringOrTemplateOutlet']) {	×
25	this.updateView();
26	} else if (this.viewRef && changes['thyStringOrTemplateOutletContext'] && this.thyStringOrTemplateOutletContext) {
27	this.viewRef.context = this.thyStringOrTemplateOutletContext;	×
28	}	×
29	}	×
30
31	private updateView() {
32	this.clear();
33		×
34	if (this.thyStringOrTemplateOutlet) {
35	if (isTemplateRef(this.thyStringOrTemplateOutlet)) {
36	this.viewRef = this.viewContainerRef.createEmbeddedView(
37	this.thyStringOrTemplateOutlet,	×
38	this.thyStringOrTemplateOutletContext	×
39	);	×
40	} else {
41	this.textNode = this.renderer.createText(this.thyStringOrTemplateOutlet + '');
42	const element = this.viewContainerRef.element.nativeElement as HTMLElement;	1✔
43	this.renderer.insertBefore(element.parentNode, this.textNode, element);
44	}
45	} else {
46	this.viewRef = null;	1✔
47	}
48	}
49
50	private clear() {
51	this.viewContainerRef.clear();	1✔
52	if (this.textNode) {
53	this.renderer.removeChild(this.textNode.parentNode, this.textNode);
54	}
55	}
56	}

atinc / ngx-tethys / d9ae709b-3c27-4b69-b125-b8b80b54f90b

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous