Ist es möglich, in Angular 2 einen @Input-Wert an app.component zu übergeben?

Question

Ich benutze ASP.Net, um meine Angular 2-Anwendung zu rendern, und die einzige RAZOR-Seite, die ich habe, ist _Layout.cshtml und ich würde gerne einige Init-Daten aus RAZOR in meine Bootstrap-Komponente übertragen können, aber es tut nicht Es scheint nicht zu funktionieren.

In meinem _Layout.cshtml, ich habe folgendes:

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

und in meinem app.component.ts, ich habe:

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; 
} 

Meine Testvariable leer ist. Gibt es einen anderen Weg, oder ist es einfach nicht möglich?

Answer 1

Es ist nicht möglich, Eingänge für Hauptkomponenten (Bootstrap) zu verwenden. Sie müssen das Attribut direkt aus dem DOM erhalten:

@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'); 
    } 
}