Tenho um component
de endereço ao qual possui um form
, este sera requirido
em alguns lugares e outros não então pretendo utilizar uma variavel @input required = false;
para fazer isso.
Eu inicializo o formGroup no onInit assim:
buildForm(): void {
this.formGroup = this.fb.group({
cep: [
'', [
Validators.required
]
],
uf: [
'', [
Validators.required
]
],
}
Esse são alguns dos campos:
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="form-group">
<label for="uf" class="required">UF:</label>
<ss-dropdown formControlName="uf" (onChange)="onChangeUf($event.value)" class="component" [options]="ufs" label="label" value="value"></ss-dropdown>
<div *ngIf="formErrors.uf" class="form-errors">
{{ formErrors.uf }}
</div>
</div>
</div>
<div class="col-lg-14 col-md-14 col-sm-14">
<div class="form-group">
<label for="cidade" class="required">Município:</label>
<p-autoComplete id="cidade" minLength="5" formControlName="cidade" class="component"></p-autoComplete>
<div *ngIf="formErrors.cidade" class="form-errors" maxlength="50">
{{ formErrors.cidade }}
</div>
</div>
</div>
E assim chamo meu component :
<ss-endereco #endereco [endereco]="cliente?.endereco"></ss-endereco>
como faço para deixar o required dinamico neste caso?
angularjs
, uma vez que essa tag representa a versão 1 do angular e a dúvida é em relação a versão mais recente.