How can we apply custom directive conditionally in angular 6 when using node projection with ?

Question

I am trying to apply custom directive based on some condition in angular reactive form.But I have not find any way to implement this feature. Structural directive is not working in node projection.

     <input
        type="text"
        *customDirective="data"
       // directive1 /directive2    
       // I have to apply above directive based on some condition      
         />

What do you mean by conditional component? Can you please just explain what is your requirement? — Mahesh More, Feb 20 '19 at 06:25
Please add the corresponding code to the question to make a working example of what you have, this helps the SO community to better answer your question [Minimal, Complete and Verifiable](https://stackoverflow.com/help/mcve) — Farhat Zaman, Feb 20 '19 at 06:27
Possible duplicate of [Apply a directive conditionally](https://stackoverflow.com/questions/44597077/apply-a-directive-conditionally) — Amit Chigadani, Feb 20 '19 at 06:31

score 1 · Answer 1 · answered Feb 20 '19 at 08:19

1

Try this:

@Directive({
    selector: '[customRequired]'
})
export class CustomRequired {
    @Input() customRequired: boolean;

    @HostListener('change', ['$event'])
    onCall(event) {
        if(this.customRequired) {
        // code to be done ....
        }
    }
}

answered Feb 20 '19 at 08:19

Eeshwar Ankathi

260
3
11

I have to use structural directive in node projection. Its not working in node projection – Brijesh Feb 21 '19 at 09:08

How can we apply custom directive conditionally in angular 6 when using node projection with ?

1 Answers1