私はこのエラーを受け取り続けます:
「エラーTypeError:未定義のプロパティ「チェック済み」を設定できません」
これが私のコードtest.component.tsです:
import { Component, OnInit, ViewChild } from '@angular/core';
import { MatSlideToggle } from '@angular/material/slide-toggle';
@Component({
selector: 'app-test',
templateUrl: './test.component.html',
styleUrls: ['./test.component.scss']
})
export class TestComponent implements OnInit {
@ViewChild('testSlider', { static: false }) t: MatSlideToggle;
constructor() { }
ngOnInit() {
this.t.checked = true;
}
}
そしてtest.component.html
<mat-slide-toggle #testSlider>Test</mat-slide-toggle>
私は何が間違っているのですか?これは簡単なようです。
で@ViewChild
アクセスしようとすると、は定義されませんngOnInit
。これを試して:
import { Component, OnInit, ViewChild } from '@angular/core';
import { MatSlideToggle } from '@angular/material/slide-toggle';
@Component({
selector: 'app-test',
templateUrl: './test.component.html',
styleUrls: ['./test.component.scss']
})
export class TestComponent implements AfterViewInit {
@ViewChild('testSlider', { static: false }) t: MatSlideToggle;
constructor(private changeDetectorRef:ChangeDetectorRef) { }
ngAfterViewInit() {
this.t.checked = true;
this.changeDetectorRef.detectChanges();
}
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加