Почему это поле после поля флажка всегда всплывает справа? - PullRequest
Новая
       10

Почему это поле после поля флажка всегда всплывает справа?

0 голосов
/ 02 июня 2018

В одном угловом приложении я зацикливаюсь на списке полей формы, чтобы отобразить их в сетке в соответствии с их природой.Например, если поле должно быть полной ширины в сетке, его ширина составляет 98%, а если оно составляет половину ширины в сетке, его ширина составляет 47%.Теперь все работает как положено, как показано на рисунке ниже, но не поле после любого флажка.

enter image description here

Здесь вы можете видеть, что те, кому требуется половина ширины, работают отлично, но поле «Процентная ставка» после поля «Кредитные кадры» всегда отображается наright Несмотря на то, что к другим полям применяется тот же стиль.

Вот стиль для класса .example-width-2, который используется для элементов половинной ширины.

.example-width-2 {
    width: 47%;
    float: left;
    padding-right: 1.5%;
    margin-bottom: 0px;
    display: flex;
    flex-direction: column;
}

А вот HTML-разметка для генерации всех полей в цикле.

 <div *ngFor="let input1 of formdata.properties">   
     <div>
          <mat-form-field class="example-width-{{input1.colmptypeid}}">
          <input matInput   type="text"  placeholder="{{input1.title}}">
    </div>
</div>

Здесь {{input1.colmptypeid}} равно 1 или 2 для полной или полуширины.Я действительно не знаю, почему это происходит только с полями после флажка.

...