Ich übergebe Werte für das Kontrollkästchen chnages event in api.
Ich möchte beim Ändern des Kontrollkästchens durch Kommas getrennte Werte in der URL übergeben, wie im folgenden Beispiel.
Code = ABC, DEF, ROT
und entfernen Sie Werte für das Kontrollkästchen nicht aktiviertes Ereignis wie unten Beispielcode = ABC, DEF
Kann mir jemand dabei helfen?
Unten ist mein Code
onChange(event, Code) {
if (event.checked) {
this.newCode = Code;
} else {
this.newCode = '';
}
}
Einfache Lösung könnte sein.
in der Datei 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
}
In Vorlage
<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>
Working DEMO
Hoffe das löst dein Problem.
Dieser Artikel stammt aus dem Internet. Bitte geben Sie beim Nachdruck die Quelle an.
Bei Verstößen wenden Sie sich bitte [email protected] Löschen.
Lass mich ein paar Worte sagen