d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { Component, Input, ViewChild, TemplateRef, Inject, InjectionToken, Optional } from '@angular/core';

export interface IThyStepperComponent {
    selected: ThyStepComponent;
}

export const THY_STEPPER_COMPONENT = new InjectionToken<IThyStepperComponent>('THY_STEPPER_COMPONENT');

/**
 * 步骤项组件
 * @name thy-step
 * @order 20
 */
@Component({
    selector: 'thy-step',
    templateUrl: './step.component.html',
    standalone: true
})
export class ThyStepComponent {
    @ViewChild(TemplateRef, { static: true }) content: TemplateRef<any>;

    @Input() label: string;

    /**
     * 步骤条中每个步骤的label文本
     */
    @Input() thyLabel: string;

    constructor(@Optional() @Inject(THY_STEPPER_COMPONENT) public stepper: IThyStepperComponent) {}

    select() {
        this.stepper.selected = this;
    }
}

1	import { Component, Input, ViewChild, TemplateRef, Inject, InjectionToken, Optional } from '@angular/core';
2
3	export interface IThyStepperComponent {
4	selected: ThyStepComponent;	1✔
5	}
6
7	export const THY_STEPPER_COMPONENT = new InjectionToken<IThyStepperComponent>('THY_STEPPER_COMPONENT');
8
9	/**
10	* 步骤项组件	1✔
11	* @name thy-step
12	* @order 20	×
13	*/
14	@Component({
15	selector: 'thy-step',	×
16	templateUrl: './step.component.html',
17	standalone: true	1✔
18	})
19	export class ThyStepComponent {
20	@ViewChild(TemplateRef, { static: true }) content: TemplateRef<any>;	1✔
21
22	@Input() label: string;
23
24	/**
25	* 步骤条中每个步骤的label文本
26	*/	1✔
27	@Input() thyLabel: string;
28
29	constructor(@Optional() @Inject(THY_STEPPER_COMPONENT) public stepper: IThyStepperComponent) {}
30
31	select() {
32	this.stepper.selected = this;
33	}
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