d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { Component, OnInit, Input, ChangeDetectionStrategy } from '@angular/core';
import { useHostRenderer } from '@tethys/cdk/dom';

/**
 * 菜单项图标组件
 * @name thy-menu-item-icon,[thy-menu-item-icon],[thyMenuItemIcon]
 * @order 15
 */
@Component({
    selector: 'thy-menu-item-icon,[thy-menu-item-icon],[thyMenuItemIcon]',
    templateUrl: './menu-item-icon.component.html',
    host: {
        class: 'thy-menu-item-icon'
    },
    changeDetection: ChangeDetectionStrategy.OnPush,
    standalone: true
})
export class ThyMenuItemIconComponent implements OnInit {
    /**
     * 设置图标颜色
     */
    @Input()
    set thyColor(value: string) {
        if (value) {
            this.hostRenderer.setStyle('color', value);
        }
    }

    private hostRenderer = useHostRenderer();

    constructor() {}

    ngOnInit(): void {}
}

1	import { Component, OnInit, Input, ChangeDetectionStrategy } from '@angular/core';
2	import { useHostRenderer } from '@tethys/cdk/dom';
3
4	/**
5	* 菜单项图标组件
6	* @name thy-menu-item-icon,[thy-menu-item-icon],[thyMenuItemIcon]
7	* @order 15
8	*/
9	@Component({
10	selector: 'thy-menu-item-icon,[thy-menu-item-icon],[thyMenuItemIcon]',	1✔
11	templateUrl: './menu-item-icon.component.html',
12	host: {	×
13	class: 'thy-menu-item-icon'	×
14	},
15	changeDetection: ChangeDetectionStrategy.OnPush,
16	standalone: true
17	})	×
18	export class ThyMenuItemIconComponent implements OnInit {
19	/**
20	* 设置图标颜色	1✔
21	*/	1✔
22	@Input()
23	set thyColor(value: string) {
24	if (value) {
25	this.hostRenderer.setStyle('color', value);	1✔
26	}
27	}
28
29	private hostRenderer = useHostRenderer();
30
31	constructor() {}
32
33	ngOnInit(): void {}
34	}

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