Как использовать требуемый тег в NGB модальных в угловых 7 - PullRequest
Новая
       33

Как использовать требуемый тег в NGB модальных в угловых 7

2 голосов
/ 16 мая 2019

Я пытаюсь использовать тег required в модальном Ngb в Angular 7. 

<ng-template #content1 let-modal>
      <div class="modal-header">
         <h4 class="modal-title" id="modal-basic-title">Add New Topic</h4>
         <button type="button" class="close" aria-label="Close" (click)="modal.dismiss('Cross click')">
         <span aria-hidden="true">&times;</span>
         </button>
      </div>
      <div class="modal-body">
         <div class="form-style-5">
            <form>
               <div class="form-group">
                  <!--             <b> Name:</b>
                     -->            
                     <input type="text" required  style="color=#000000
" #tname name="field1" placeholder="Enter Topic Name...">
                  <BR>
                  <!--             <b>Subject :</b>
                     -->
                     <input type="text"  style="color=#000000
" #sname name="field2" placeholder="Enter Subject Name...">
               </div>
            </form>
         </div>
      </div>
      <div class="modal-footer">
         <button type="button" class="btn btn-outline-dark" (click)="add(tname.value,sname.value);modal.close('Save click')">Save</button>
      </div>
   </ng-template>

, но он не работает, как мы это делали в HTML

то, что я хочу сделать, это когда я нажимаю на кнопку «Сохранить», и если имя пустое, оно должно предупредить, что требуется Имя.

Может ли кто-нибудь помочь мне с этим?

Спасибо вAdvance!

...