È possibile passare un valore @Input a app.component in Angular 2?

Question

Sto usando ASP.Net per rendere la mia app Angular 2 e l'unica pagina RAZOR che ho è _Layout.cshtml e mi piacerebbe poter passare alcuni dati di init da RAZOR al mio componente bootstrap, ma non funziona sembra funzionare.

Nel mio _Layout.cshtml, ho le seguenti:

<my-app test="abc"></my-app> 

e nei miei app.component.ts, ho:

import { Component, Input } from "@angular/core"; 

@Component({ 
    selector: 'my-app', 
    template: "<div id='mainBody'>Test:{{test}}</div>", 
    directives: [MenuBarComponent, ROUTER_DIRECTIVES] 
}) 
export class AppComponent { 
    @Input() test; 
} 

mio variabile di test è vuota. C'è un modo diverso per farlo, o semplicemente non è possibile?

Answer 1

Non è possibile utilizzare gli ingressi per i componenti principali (quelli con bootstrap). È necessario per ottenere l'attributo direttamente dal DOM:

@Component({ 
    selector: 'my-app', 
    template: "<div id='mainBody'>Test:{{test}}</div>", 
    directives: [MenuBarComponent, ROUTER_DIRECTIVES] 
}) 
export class AppComponent { 
    constructor(private elementRef:ElementRef) { 
    this.test = this.elementRef.nativeElement.getAttribute('test'); 
    } 
}