angular - Hur redigerar man CSS-stil i TypeScript?

Jag planerar att ändra en komponent till obligatorisk, men komponenten är en delad komponent så det kommer inte att påverka min HTML-vy. Hur gör man sin komponent obligatorisk?

register.component.html

<app-dropdown-multi-select-search fxFlex *ngIf="(register$ | async)?.skills"
                                          [dataList]="(register$ | async)?.skills" [placeHolder]="'Skills'"
                                          [multiSelectDropdown]="true" [searchItem]="true"
                                          (selectedItemEmitted)="handleSelectChange($event)" 
                                          [isRequired]="true">
        </app-dropdown-multi-select-search>

dropdown-multi-select-search.component.ts

@Input()
public isRequired = false;

if(this.isRequired == true) {
  this.isRequired
}

dropdown-multi-select-search.component.html

<mat-form-field *ngIf="dataList">
  <mat-select #multiSelect [placeholder]="placeHolder" name="multi-select-dropdown" 
  [multiple]="multiSelectDropdown" (selectionChange)="onSelect($event)" [isRequired]="false">
<mat-option>

Jag vet inte vad jag ska sätta in i mitt if-villkor. Inuti det vill jag att komponenten ska vara obligatorisk när jag sätter den till "true".

Tack i förväg!

Svar #1

Lägg enkelt till required-attributbindning till din mat-select som

 <mat-select #multiSelect [placeholder]="placeHolder" name="multi-select-dropdown" 
  [multiple]="multiSelectDropdown" (selectionChange)="onSelect($event)" [required]="isRequired">

I ts-filen behöver du ingen extra kod, bara @Input räcker, så det borde vara

@Input() isRequired = false;

demo