Köşeli 2: Şablon referans değişkenlerine Bileşen Sınıfı'ndan erişmek mümkün mü?

Question

<div> 
    <input #ipt type="text"/> 
</div> 

Şablon sınıfı değişkenine bileşen sınıfından erişmek mümkün mü? Ben buradan erişebilirsiniz

yani, @ViewChild için bir kullanım durumdur

class XComponent{ 
    somefunction(){ 
     //Can I access #ipt here? 
    } 
} 

Answer 1

: https://plnkr.co/edit/GKlymm5n6WaV1rARj4Xp?p=info

import {Component, NgModule, ViewChild, ElementRef} from '@angular/core' 
import {BrowserModule} from '@angular/platform-browser' 

@Component({ 
    selector: 'my-app', 
    template: ` 
    <div> 
     <h2>Hello {{name}}</h2> 
     <input #ipt value="viewChild works!!" /> 
    </div> 
    `, 
}) 
export class App { 

    @ViewChild('ipt') input: ElementRef; 

    name:string; 
    constructor() { 
    this.name = 'Angular2' 
    } 

    ngAfterViewInit() { 
    console.log(this.input.nativeElement.value); 
    } 
} 

@NgModule({ 
    imports: [ BrowserModule ], 
    declarations: [ App ], 
    bootstrap: [ App ] 
}) 
export class AppModule {}