Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

225
Visualizações
prime ng multiselect when prepopulated, submit button still disabled even if control gets value

i have one dropdown based on selection of country i am setting pre value in multiselect (2 values). disabled button even after selecting values. fpeven after form control has value button

My code

     <form [formGroup]="myForm">
                    <div class="p-fluid p-formgrid p-grid">
    
                        <div class="p-field p-col-12 p-md-3">
                            <label for="country"> Country * :</label>
                                     
                                        (onChange)="fetch()"
                                        id="country"></p-dropdown>
                        </div>
    
    
                        <div class="p-field p-col-12 p-md-3">
                            <label for="country"> Location * :</label>
                           
                            <!--{{selectedDefaultValue}}--> <!-- [Sydney, Melbourne]-->
                            <p-multiSelect [options]="locations" [defaultLabel]="selectedDefaultValue"  [(ngModel)]="defaultValues" formControlName="location"
                                           placeholder="Select Locations"  class="form-control"                                    
                                           id="locations"></p-multiSelect>
                        </div>
                    </div>
     <div class="p-fluid p-formgrid p-grid">
                    <div class="p-field  p-col-12 p-md-2">
                        <button pButton type="button" label="Submit"
                                [disabled]="!myForm.valid"
                                (click)="onProceed()"
                                ></button>
                    </div>

ts code

     locations value 0:{label: 'Sydney', value: 'Sydney'}
                     1:{label: 'Melbourne', value: 'Melbourne'}
           this.locations.map((item) => this.defaultValues.push(item.value));
        
        
                this.defaultValues1.push('All');
                this.selectedValue = this.defaultValues[0];
  
        
         initForm() {
                this.myForm= this.fb.group({
                    country: ['', Validators.required],
                    location: ['', Validators.required],      
                });
        
            } 

 
about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

Most probably,

The formControl has no value inside it.

Try setValue() for allocating values inside formControls.

about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda