api의 체크 박스 chnages 이벤트에 값을 전달하고 있습니다.
아래 예제와 같이 확인란 변경시 URL에 쉼표로 구분 된 값을 전달하고 싶습니다.
코드 = ABC, DEF, RED
아래 예제 코드 = ABC, DEF와 같이 확인란 선택되지 않은 이벤트의 값을 제거하십시오.
누구든지 나를 도와 줄 수 있습니까?
아래는 내 코드입니다.
onChange(event, Code) {
if (event.checked) {
this.newCode = Code;
} else {
this.newCode = '';
}
}
간단한 해결책이 될 수 있습니다.
component.ts 파일
code: string;
selectedValues = [];
selectCheckBox(evt, val) {
const status = evt.target.checked;
if (status) {
this.selectedValues.push(val)
} else {
this.selectedValues = this.selectedValues.filter((v) => v!==val)
}
this.code = this.selectedValues.join(',')
}
onSubmit() {
let url = 'api.example.com/';
url = `${url}/&code=${this.code}`;
console.log(url);
// write you logic call api etc
}
템플릿에서
<ul>
<li><input type="checkbox" name="chbx1" value="AB" (change)="selectCheckBox($event, 'AB')"></li>
<li><input type="checkbox" name="chbx2" value="CD" (change)="selectCheckBox($event, 'BC')"></li>
<li><input type="checkbox" name="chbx3" value="ED" (change)="selectCheckBox($event, 'CD')"></li>
</ul>
<button type="button" (click)="onSubmit()">Submit</button>
작동 데모
이것이 문제를 해결하기를 바랍니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다