tengo 2 radio button y 2 select, como hago para que según el radio button seleccionado se muestre solo 1 select?

En el archivo.ts defines una variable para manejar la entrada de los radio button.

En el archivo.html

• al radio button le agregas ngModel para enlazarlo a la variable definida

• al select le agregas la directiva ngIf con la condicion de la variable de los radio

//archivo.ts
buttonOptions = ["Opcion 1","Opcion 2"];
selectedOption;

//archivo.html
<div *ngFor="let option of boptions" class="custom-control custom-radio">
    <input type="radio" class="custom-control-input" id="rb{{option}}" name="groupOfRadios" value="{{option}}" [(ngModel)]="selectedOption">
    <label class="custom-control-label" for="rb{{option}}">{{option}}</label>
</div>

<select *ngIf="selectedOption == 'Opcion 1'" name="" id="">
    <option value="">1</option>
    <option value="">...</option>
</select>

<select *ngIf="selectedOption == 'Opcion 2'" name="" id="">
    <option value="">2</option>
    <option value="">...</option>
</select>

IMPORTANTE recuerda importar en app.module el FormsModule para que puedas usar ngModel

las clases usadas son de bootstrap y puedes eliminarlas o reemplazarlas con lo que tengas.

PD: seguramente hay mejores formas de hacerlo pero por los momentos asi lo hago y me parece sencillo