Question

を使用するときにここでコード

@Component({ 
    selector: 'elastic-textarea', 
    template: 
    ` 
    <ion-textarea #textarea 
    placeholder='{{placeholder}}' 
    [(ngModel)]="content" 
    (ngModelChange)='onChange($event)'></ion-textarea> 
    ` 
}) 
export class ElasticTextarea { 
    @ViewChild('textarea') ionTxtArea: ElementRef; 

    etc... 

    txtArea: any; 

    constructor() { 
    ... 
    } 

    ngAfterViewInit(){ 
    this.txtArea = this.ionTxtArea.nativeElement; <- This is null 
    this.txtArea.style.height = this.lineHeight + "px"; <- Crashes here 
    } 

は私がすべてを正しくやっているようだのです。しかし、なんらかの理由でDOM操作を行うためにtextarea要素の参照を取得できませんでした。 何が起こっていますか？

Answer 1

devqonコメントは正しくありません。 `; [0]

@ViewChild('textarea') ionTxtArea: any; 
ngAfterViewInit(){ 
    //Just log your ionTtxtArea here to see what is it: 
    console.log(this.ionTxtArea); 
    this.txtArea = this.ionTxtArea._elementRef.nativeElement.children[0]; 
    this.txtArea.style.height = this.lineHeight + "px"; 
}