自定义指令在 Angular 16 中不起作用

Custom Directive is not working in Angular 16

提问人:Rohit tdr 提问时间:10/10/2023 更新时间:10/10/2023 访问量:85

问:

My Html input line directive 'Directive name datePickerDir'

app.module.ts

date-picker.directive.ts

我已经尝试了一路,但我错过了我认为的东西。

我想要一个在加载时为我的新日期选取器字段调用 directice 的结果。 我正在为自定义日期选择器字段执行此操作。

import { Directive, ElementRef, AfterViewInit, OnInit, Input, Output, EventEmitter } from '@angular/core';

@Directive({
    selector: '[datePickerDir]',
})

export class DatePickerDirective implements OnInit {

    constructor() {
    }

    ngOnInit(): void {
        console.log('This is not triggering on load');
    }
}

TIA。

HTML Angular Angular 指令

评论

1赞 Eliseo 10/10/2023
看到您需要将指令包含在声明组件的模块数组中(可以不是 AppModule):如果您的组件是在 ComponentsModule 中声明的,则在声明指令的此模块中。注意:请不要发布图像,最好将您的问题添加为代码(选择所有代码并使用 Ctrl+K)declarations
1赞 Parth M. Dave 10/10/2023
最好获取 stackliz 代码链接,为您提供绝对的解决方案。

答: 暂无答案