Чтобы связать данные непосредственно с mat-checkbox в angular

Question

У меня есть следующий mat-checkbox, и я передаю значение, как показано в коде

<mat-checkbox [(ngModel)]="temperature" name="temperature" value='70' color="primary" [disabled] = "(!device) || humidity || pressure ||!(!cust_entry) || lesser ||equal || contain" disabled>Temperature</mat-checkbox>

Этот флажок, который я использую внутри формы всякий раз, когда я публикую данные, которые он получает, имеет в json response {"температура": правда}, но я хочу, чтобы {"температура": "70"}. Я знаю, что мы можем использовать onclickevent, но у меня есть 20 флажков, которые я не могу сделать onclickevent для всех флажков

Answer 1

https://material.angular.io/components/checkbox/examples

компонент. html

    <section class="example-section">
        <mat-checkbox class="example-margin" [(ngModel)]="checked">Checked</mat-checkbox>
        <mat-checkbox class="example-margin" [(ngModel)]="indeterminate">Indeterminate</mat-checkbox>
    </section>

component.ts

import {Component} from '@angular/core';

@Component({
  selector: 'checkbox-configurable-example',
  templateUrl: 'checkbox-configurable-example.html',
  styleUrls: ['checkbox-configurable-example.css'],
})
export class CheckboxConfigurableExample {
  checked = false;
  indeterminate = false;
}