Отключить одну панель навигации в Angular / Bootstrap - PullRequest
Новая
       5

Отключить одну панель навигации в Angular / Bootstrap

0 голосов
/ 18 марта 2020

На моей странице у меня есть деталь, сделанная из подпунктов Angular и Bootstrap 3.

У меня есть таблица, в которой показаны две формы для добавления нового контакта. Мне нужно заблокировать вторую форму, если все необходимые данные на первой вкладке не заполнены.

Я попытался добавить «отключенный класс», и он не работает. На самом деле, у меня есть эта часть кода в моей форме: 

   <ul class="nav nav-tabs">
                <li class="active col-xs-6 col-sm-6 col-md-6 col">
                  <a href="#1" data-toggle="tab" class="nav-link nav-item active">Contact extérieur 1</a>
                </li>
                <li class="col-xs-6 col-sm-6 col-md-6 col">
                  <a href="#2" data-toggle="tab" class="nav-link nav-item">Contact extérieur 2 </a>
                </li>
              </ul>

 <div id="contact_container" class="tab-content panel-container">
                <div class="col-xs-12 col-sm-12 col-md-12 tab-pane active col" id="1">
                  <div class="col-xs-12 col-sm-12 col-md-12 panel col">
                    <div class="col-xs-6 col-sm-6 col-md-6 panel-info-black panel-text col">Nom et Prénom <span
                      [class.panel-info-red]="submitted && f.firstAndLastName.errors && f.firstAndLastName.errors.required">*</span>
                    </div>
                    <div class="col-xs-6 col-sm-6 col-md-6 panel-info-black col"
                         [class.panel-info-red]="submitted && f.firstAndLastName.errors && f.firstAndLastName.errors.required">
                      <input class="col-xs-12 col-sm-12 col-md-12 panel-info-black panel-text" type="text"
                             maxlength="250" formControlName="firstAndLastName"
                             [class.panel-info-red]="submitted && f.firstAndLastName.errors && f.firstAndLastName.errors.required"
                             [ngClass]="{ 'is-invalid': submitted && f.firstAndLastName.errors }"
                             placeholder="A renseigner"/>
                    </div>
                  </div>
(....)

У вас есть идея создать эту функциональность. Спасибо

...