Angular 2: Czy możliwy jest dostęp do zmiennych referencyjnych szablonu z klasy komponentów?
<div>
<input #ipt type="text"/>
</div>
Czy jest możliwy dostęp do zmiennej dostępu szablonu z klasy komponentu?
Tzn, Czy Mogę uzyskać do niego dostęp tutaj,
class XComponent{
somefunction(){
//Can I access #ipt here?
}
}
73
1 answers
Jest to przypadek użycia dla @ViewChild
: https://angular.io/docs/ts/latest/api/core/index/ViewChild-decorator.html
class XComponent{
@ViewChild('ipt') input: ElementRef;
ngAfterViewInit(){
// this.input is NOW valid !!
}
somefunction(){
this.input.nativeElement......
}
}
Oto działające demo: 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 {}
105
Author: mxii,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-09-22 06:46:32
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-09-22 06:46:32