Parametry Angular 2 input na dyrektywie root

Question

This Przykład pokazuje, jak używać adnotacji @Input() na komponentach potomnych. Moje pytanie brzmi: w jaki sposób używasz go na głównym komponencie? Na przykład, jeśli zmodyfikować kod na link powyżej:

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

bootstrap(App); 

iw html:

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

Powyższy przykład nie aktualizuje coś nieruchomości na składniku App.

Answer 1

This Tobias Bosch's comment ma odpowiedzieć na pytanie:

Powodem dlaczego to nie działa jest to, że index.html, w którym umieszczasz <app something="Test"></app> nie jest kanciasty komponent. Z tego powodu Angular nie skompiluje tego elementu. A Angular nie odczytuje wartości atrybutów podczas działania, tylko podczas kompilacji, ponieważ w przeciwnym razie uzyskalibyśmy wydajność.

W tej chwili nie można używać parametrów wejściowych w elemencie głównym.

Answer 2

myślę, że nadal może używać:

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