Manejo y binding de inputs radio y checkbox

Reto cumplido:

Me encanto toda estas clases, me hubiera gustado con componentes de Material Como todo el proeycto

//HTML
<mat-form-field appearance="fill">
  <mat-label>Name</mat-label>
  <input [formControl]="nameField" matInput placeholder="Your Name" />
  <mat-icon matSuffix>sentiment_very_satisfied</mat-icon>
  <!-- <mat-hint>Hint</mat-hint> -->
</mat-form-field>
<button mat-raised-button color="primary" (click)="getName()">Click Me!</button>

<mat-form-field appearance="fill">
  <mat-label>categories</mat-label>
  <mat-select [formControl]="categories" multiple>
    <mat-select-trigger>
      {{categories.value?.[0] || ''}}
      <span
        *ngIf="(categories.value?.length || 0) > 1"
        class="example-additional-selection"
      >
        (+{{ (categories.value?.length || 0) - 1 }}
        {{ categories.value?.length === 2 ? "other" : "others" }})
      </span>
    </mat-select-trigger>
    <mat-option *ngFor="let category of categoriesList" [value]="category">{{
      category
    }}</mat-option>
  </mat-select>
</mat-form-field>

<div *ngIf="(categories.value?.length || 0) > 1">
  <h3>List from categories</h3>
  <mat-list>
    <mat-list-item *ngFor="let item of categories.value">
      <div matListItemTitle>{{ item }}</div>
    </mat-list-item>
  </mat-list>
</div>

//Ts
import { Component, OnInit } from '@angular/core';
import { FormControl } from '@angular/forms';

@Component({
  selector: 'app-basic-form',
  templateUrl: './basic-form.component.html',
  styleUrls: ['./basic-form.component.scss']
})
export class BasicFormComponent implements OnInit {

  nameField = new FormControl()
  categories = new FormControl('');
  categoriesList: string[] = ['Tech', 'Fashion', 'TV', 'Smartphone', 'shoes', 'others'];
  ngOnInit(): void {
    this.nameField.valueChanges.subscribe(v => {
      console.log(v, "Reactive time")
    })
  }
  getName() {
    console.log(this.nameField.value, "value fieldName")
    console.log(this.nameField, "value field")
  }

}

como hacer formularios reactivos en angular 9? alguna sugerencia por favor?

Realice mi listado 😁

https://github.com/jasorglez/angularFormswithPlatzi/branches rama cap9inputs-radioycheckbox

Genial, siempre tuve esa duda del porque de los comportamientos de los radios

hasta ahora bien explicado 😄