Antworten:
Das ist ein Anwendungsfall für @ViewChild
:
https://angular.io/docs/ts/latest/api/core/index/ViewChild-decorator.html
class XComponent {
@ViewChild('ipt', { static: true }) input: ElementRef;
ngAfterViewInit() {
// this.input is NOW valid !!
}
somefunction() {
this.input.nativeElement......
}
}
Hier ist eine funktionierende Demo:
https://stackblitz.com/edit/angular-viewchilddemo?file=src%2Fapp%2Fapp.component.ts
ngAfterViewInit()
ausgelöst wurde. Sie müssen ViewChild
aus '@ angle / core` importieren ..
this.ipt.nativeElement.setAttribute('value', 'xxx');
aber nichts passiert. Und es gibt keine Methoden wie value()
oder setValue()
, auch wenn ich sie vom Typ HTMLInputElement deklariere (ich stütze mich dabei auf den Code-Hinweis / die automatische Vervollständigung von IDE). In meinem Fall ist es mir egal, den Wert zu lesen. Ich muss nur verschiedene Werte einstellen.
setProperty
auch versucht ?
this.input.nativeElement.value = 'test'
funktionieren ?! Vielleicht gibt es spezielle Verhaltensweisen mit Formen und ihren Bindungen.