I have the latest PrimeNG (v6.0.1) and Ultima (v6.0).
Floating label stays down, when dropdown value is set programmatically:
Code: Select all
<div class="ui-g form-group">
<div class="ui-g-12 ui-md-6">
<span class="md-inputfield ui-float-label">
<p-dropdown [options]="selYksikot" inputId="yksikko" formControlName="yksikko" autoWidth="false" [style]="{'width':'100%'}"
(ngModelChange)="yksikkoValittu($event)" editable="true">
<ng-template let-yx pTemplate="item">
<div>{{yx.label}}</div>
</ng-template>
</p-dropdown>
<label for="yksikko">Yksikkö</label>
</span>
<div class="ui-message ui-messages-error ui-corner-all" *ngIf="frmGroup.get('yksikko').touched && frmGroup.get('yksikko').errors">
Tämä kenttä on pakollinen
</div>
</div>
Code: Select all
this.frmGroup.get('yksikko').setValue(h.yksikko);
this.frmGroup.get('toimintayksikko').setValue(h.toimintayksikko);
Code: Select all
this.frmGroup.get('yksikko').markAsTouched();
this.frmGroup.get('yksikko').markAsDirty();
Code: Select all
.pddlabel{
top:-20px;
font-size:12px;
color:$primaryColor;
}
BR,
Harri