Я пытаюсь использовать тег 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">×</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!