ba7e05e2-37c0-44c6-8725-6f617aa0d43e

import { Component, ChangeDetectionStrategy, AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
import { ThyIconComponent } from 'ngx-tethys/icon';

/**
 * 面包屑 Item 组件
 * @name thy-breadcrumb-item,[thyBreadcrumbItem]
 * @order 20
 */
@Component({
    selector: 'thy-breadcrumb-item,[thyBreadcrumbItem]',
    template: '<ng-content></ng-content><thy-icon class="separator-icon" thyIconName="angle-right"></thy-icon>',
    exportAs: 'ThyBreadcrumbItem',
    changeDetection: ChangeDetectionStrategy.OnPush,
    host: {
        class: 'thy-breadcrumb-item'
    },
    standalone: true,
    imports: [ThyIconComponent]
})
export class ThyBreadcrumbItemComponent implements AfterViewInit {
    constructor(private renderer: Renderer2, private elementRef: ElementRef) {}

    ngAfterViewInit() {
        this.wrapSpanForText(this.elementRef.nativeElement.childNodes);
        const link: HTMLElement = this.elementRef.nativeElement.querySelector('a');
        if (link && link.childNodes) {
            this.wrapSpanForText(link.childNodes);
        }
    }

    private wrapSpanForText(nodes: NodeList): void {
        nodes.forEach(node => {
            if (node.nodeName === '#text') {
                const span = this.renderer.createElement('span');
                const parent = this.renderer.parentNode(node);
                this.renderer.addClass(span, 'thy-wrap-span');
                this.renderer.insertBefore(parent, span, node);
                this.renderer.appendChild(span, node);
            }
        });
    }
}

1	import { Component, ChangeDetectionStrategy, AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
2	import { ThyIconComponent } from 'ngx-tethys/icon';
3
4	/**
5	* 面包屑 Item 组件
6	* @name thy-breadcrumb-item,[thyBreadcrumbItem]
7	* @order 20
8	*/
9	@Component({	1✔
10	selector: 'thy-breadcrumb-item,[thyBreadcrumbItem]',
11	template: '<ng-content></ng-content><thy-icon class="separator-icon" thyIconName="angle-right"></thy-icon>',	×
12	exportAs: 'ThyBreadcrumbItem',	×
13	changeDetection: ChangeDetectionStrategy.OnPush,
14	host: {
15	class: 'thy-breadcrumb-item'	×
16	},	×
17	standalone: true,	×
18	imports: [ThyIconComponent]	×
19	})
20	export class ThyBreadcrumbItemComponent implements AfterViewInit {
21	constructor(private renderer: Renderer2, private elementRef: ElementRef) {}
22		×
23	ngAfterViewInit() {	×
24	this.wrapSpanForText(this.elementRef.nativeElement.childNodes);	×
25	const link: HTMLElement = this.elementRef.nativeElement.querySelector('a');	×
26	if (link && link.childNodes) {	×
27	this.wrapSpanForText(link.childNodes);	×
28	}	×
29	}
30
31	private wrapSpanForText(nodes: NodeList): void {
32	nodes.forEach(node => {	1✔
33	if (node.nodeName === '#text') {
34	const span = this.renderer.createElement('span');
35	const parent = this.renderer.parentNode(node);
36	this.renderer.addClass(span, 'thy-wrap-span');
37	this.renderer.insertBefore(parent, span, node);	1✔
38	this.renderer.appendChild(span, node);
39	}
40	});
41	}
42	}

atinc / ngx-tethys / ba7e05e2-37c0-44c6-8725-6f617aa0d43e

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