Відповіді:
Це випадок використання для @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......
}
}
Ось робоча демонстрація:
https://stackblitz.com/edit/angular-viewchilddemo?file=src%2Fapp%2Fapp.component.ts
ngAfterViewInit()
. Вам потрібно імпортувати ViewChild
з '@ angular / core` ..
this.ipt.nativeElement.setAttribute('value', 'xxx');
але нічого не відбувається. І немає ніяких методів , як value()
або setValue()
, навіть якщо я оголошую його типу HTMLInputElement (я обґрунтовуючи це середовища IDE коду натякаючи / автозаповнення). У моєму випадку мені байдуже читати значення. Мені просто потрібно встановити різні значення.
setProperty
також пробували ?
this.input.nativeElement.value = 'test'
працювати ?! можливо, є спеціальні форми поведінки з формами та їх прив’язками.