Автозаполнение PrimeNG с помощью inputStyleClass - PullRequest
Новая
       11

Автозаполнение PrimeNG с помощью inputStyleClass

0 голосов
/ 13 сентября 2018

Я использую primeNG Auto complete и добавил inputStyleClass = "form-control" .. проблема в том, что значок переходит на следующую строку .. см. Изображение ниже

enter image description here

Это должно быть рядом с полем, как мне это сделать?

HTML 

   <div class="form-group col-xs-3 col-md-3"
                                      [ngClass]="{
                                     'has-error':(ersaForm.get('gatewayRole').touched || ersaForm.get('gatewayRole').dirty ) &&
                                     !ersaForm.get('gatewayRole').valid
                                     }">
                                    <label for="gatewayRoleId" class="control-label">Gateway Role</label>
                                    <p-autoComplete  [suggestions]="iRole"  formControlName="Role"    inputStyleClass="form-control" id="RoleId" placeholder="Role (required)" (completeMethod)="searchRole($event)" [style]="{'width':'85%'}" [inputStyle]="{'width':'85%'}" field="name" dataKey="id" [dropdown]="true"></p-autoComplete>

                                </div>

1 Ответ

0 голосов
/ 13 сентября 2018

Просто нужно добавить это к моему автозаполнению:

formControlName = "phone" [style] = "{'width': '100%', 'display': 'Инлайн-флекс', 'высота': '34px'} "

  <p-autoComplete  [suggestions]="iRole"  formControlName="Role"    [spellcheck]="true" inputStyleClass="form-control"  id="RoleId" placeholder="Role (required)" (completeMethod)="searchRole($event)"  [style]="{'width': '100%','display': 'inline-flex','height':'34px'}"  field="name" dataKey="id" [dropdown]="true"></p-autoComplete>
...