Я пытаюсь получить значение от ввода внутри модального тела, и объект не определен.

У меня такой код:

В .html:

<ng-template #myModal>
    <div class="modal-header">
        <h1>Title</h1>
    </div>
    <div class="modal-body" style="overflow-warp: break-word;">
        <p>
            Enter ID: <input autofocus type="text" #workerId>
        </p>
    </div>
    <div class="modal-footer">
        <button type="submit" (click)="Confirm()" label="Submit"></button>
    </div>
</ng-template>

И в .ts:

let id = this.workerId.nativeElement.value;//Undifiend

Как я могу это решить?

Спасибо.

4
ArmoArmo 16 Апр 2019 в 12:25

2 ответа

Лучший ответ

Попробуйте использовать привязки [(ngModel)], чтобы получить значение текстового поля.

HTML

<input autofocus type="text" [(ngModel)]="workerId">

TS

let id = this.workerId;
3
Sreekumar P 16 Апр 2019 в 09:33

Добавить

 @ViewChild('workerId') workerId: ElementRef;

Перед конструктором. тогда это будет работать, как и ожидалось

2
PushpikaWan 16 Апр 2019 в 10:16