Angular 2'de bir uygulama girişini app.component'e geçirmek mümkün mü?

Question

Angular 2 uygulamamı oluşturmak için ASP.Net kullanıyorum ve sahip olduğum tek RAZOR sayfası _Layout.cshtml ve RAZOR'dan bazı başlangıç ​​verilerini önyüklemeli bileşenime aktarmayı çok isterdim, ancak Çalışmıyor gibiyim. Benim _Layout.cshtml yılında

, şu var:

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

ve benim app.component.ts içinde

, ben:

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

Testim değişken boştur. Bunu yapmanın farklı bir yolu var mı, yoksa mümkün değil mi?

Answer 1

Ana bileşenler için girişler (önyüklemeli olanlar) kullanmak mümkün değildir.

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