如何使用Angular12在MySQL中保存带有复选框的布尔值？

CREATE TABLE items (
  id INT PRIMARY KEY AUTO_INCREMENT,
  name VARCHAR(255),
  is_selected TINYINT(1)
);

ng new my-angular-app

ng generate component item

<input type="checkbox" [(ngModel)]="isSelected"> Is Selected

import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-item',
  templateUrl: './item.component.html',
  styleUrls: ['./item.component.css']
})
export class ItemComponent {
  isSelected: boolean;

  constructor(private http: HttpClient) { }

  saveItem() {
    const item = {
      name: 'Item 1',
      is_selected: this.isSelected ? 1 : 0
    };

    this.http.post('/api/items', item).subscribe(
      () => console.log('Item saved successfully'),
      error => console.error('Error saving item', error)
    );
  }
}

<button (click)="saveItem()">Save</button>