각도 4는 자바 스크립트에서 라디오 버튼을 설정하기 만하면됩니다.

Question

이것은 간단해야하지만 jQuery를 사용하고 싶지 않습니다.
특정 라디오 버튼 컨트롤을 설정해야합니다. 나는 그것의 ID를 가지고, 그래서 시도 : 는 "속성 유형에 존재하지 않는 '확인' ':

let radiobutton = document.getElementById("Standard"); 
radiobutton.checked = true; 

난 그냥 위, 하지만, 타이프 라이터/자바 스크립트가 나에게 오류 메시지를 제공합니다 같은 웹 사례를 발견 HTMLElement ' "

아이디어가 있으십니까?

도움 주셔서 감사합니다.

Answer 1

document.getElementById를 수행하는 대신 @ViewChild와 템플릿 변수를 사용하십시오. 여기 은 예입니다

HTML :

<input #checkbox1 type="checkbox" [checked]="true" (change)="onChange(1, checkbox1)"/>{{name1}} 
<br> 
<input #checkbox2 type="checkbox" (change)="onChange(2, checkbox2)"/>{{name2}} 

타이프 :

name1 = 'Angular 2'; 
    name2 = 'Angular 4'; 

    @ViewChild("input1") input1; 
    @ViewChild("input2") input2; 

    ngOnInit(){ 
    this.input1.checked = true; 
    console.log("Checkbox1 is checked - ", this.input1.checked); 
    console.log("Checkbox2 is checked - ", this.input2.checked); 

    } 

    onChange(checkbox, item){ 
    console.log("Checkbox%d was checked", checkbox); 
    console.log("Checkbox%d is checked - ",checkbox, item.checked); 

    } 

Stackblitz example