Parametri di input angolare 2 sulla direttiva root

Question

This esempio mostra come utilizzare l'annotazione @Input() sui componenti figlio. La mia domanda è come la usi sul componente root? Per esempio, se si modifica il codice sul link qui sopra:

@Component({ 
selector: 'app', 
template: ` 
    <bank-account bank-name="RBC" account-id="4747"></bank-account> 
`, 
directives: [BankAccount] 
}) 
class App { 
    @Input() something: string; 
} 

bootstrap(App); 

E in html:

<app something="Test"></app> 

L'esempio di cui sopra non aggiorna mai qualcosa proprietà su App componente.

Answer 1

This Tobias Bosch's comment è rispondere alla tua domanda:

Il motivo per cui questo non funziona è che il vostro index.html in cui si posiziona il <app something="Test"></app> non è una componente angolare. Per questo motivo, Angular non compilerà questo elemento. E Angular non legge i valori degli attributi durante il runtime, solo durante la compilazione, altrimenti si otterrebbe un impatto sulle prestazioni.

Quindi, in questo momento non è possibile utilizzare i parametri di input sull'elemento principale.

Answer 2

penso che si potrebbe ancora utilizzare:

class App { 
    constructor(elm: ElementRef) { 
     this.something = elm.nativeElement.getAttribute('something'); 
    } 
}