Utilizzare la direttiva Angular2 in un'altra Direttiva

Question

Desidero aggiungere una direttiva a un elemento da un'altra direttiva utilizzando la proprietà host, ma non sembra essere un modo per fare riferimento all'altra direttiva.

@Directive({ 
    selector: '[one]', 
    host: { '[two]': '"some-value"' } 
    // How can I reference DirectiveTwo here? 
}) 
export class DirectiveOne { } 

@Directive({ 
    selector: '[two]' 
}) 
export class DirectiveTwo { } 

Nel fare questo, ho la standard "non può legarsi a 'due' in quanto non è una nota di proprietà nativa" errore.

Qual è il modo corretto di fare riferimento e utilizzare una direttiva da un'altra?

Answer 1

Le direttive sono istanziate da Angular per i selettori che corrispondono a HTML aggiunto staticamente (elemento, id, attributo, classe, ...).
Non esiste alcun modo per istanziare le direttive utilizzando il parametro host del decoratore @Component() o @Directive(). Non è inoltre possibile creare dinamicamente le direttive utilizzando ViewContainerRef.createComponent() (ex DynamicComponentLoader)

Ottenere un riferimento a un'altra direttiva creata da Angular a causa di un codice HTML aggiunto staticamente sullo stesso elemento è tuttavia supportato.