Динамически изменяйте размер сетки при изменении опции выбора - PullRequest
Новая
       7

Динамически изменяйте размер сетки при изменении опции выбора

0 голосов
/ 17 мая 2019

Мне нужна помощь относительно моей формы.Я хочу, чтобы, когда пользователь выбирает другое в раскрывающемся списке, размер раскрывающегося списка уменьшался с class="col-sm-5" до class="col-sm-3" и позволял появляться тексту типа ввода. 

                <div class="col-sm-5" (change)="selectChangeHandler($event)" *ngIf="selectedFormeJuridique !== 'other'">
                  <div ng-class="home">{{selectedFormeJuridique}}</div>
                  <div class="form-group label-floating">
                    <label class="control-label">Forme juridique</label>
                    <select ng-model="home" name="forme_juridique" class="form-control">
                      <option disabled="" selected=""></option>
                      <option value="sarl"> SARL</option>
                      <option value="sas"> SAS</option>
                      <option value="eurl"> EURL</option>
                      <option value="sasu"> SASU</option>
                      <option value="ae"> Auto-entrepreneur</option>
                      <option value="sa"> SA</option>
                      <option value="other"> AUTRE</option>
                    </select>
                  </div>
                </div>
                <div class="col-sm-2" *ngIf="selectedFormeJuridique === 'other'">
                  <div class="form-group label-floating">
                    <label class="control-label">Entrer la forme juridique</label>
                    <input type="text" class="form-control" id="forme_juridique" required>
                  </div>
                </div>

1 Ответ

0 голосов
/ 17 мая 2019

Используйте ngClass, чтобы изменить класс 

[ngClass]="selectedFormeJuridique !== 'other' ? 'col-sm-3' : 'col-sm-5'"
...