Как получить значение нескольких полей ввода в угловом4?
Трудно получить хорошее представление о JS или написать больше, чем что-либо тривиальное в нем, если вы не понимаете его полностью. Вы не можете просто позволить себе быстро окунуться :) Я думаю, что лучший способ начать работу с JS - сначала посмотреть эти видео-лекции Дугласа Крокфорда - http://yuiblog.com/crockford/ , который охватывает это и то, и все остальное о JS.
1 ответ
Неясно, как вам нужно получить доступ к этим значениям. Но простым решением является привязка входов к данным с помощью ngModel вместо инициализации значения из данных:
<ng-container matColumnDef="npm">
<mat-header-cell *matHeaderCellDef fxFlex = "15" style="margin-left: 1%;padding-left: 1%;">NPM</mat-header-cell>
<mat-cell *matCellDef="let row" fxFlex = "15">
<span style ="white-space: nowrap">
<input decimal = "true" [(ngModel)]='this.selectedAccount.occupancy.npm' style ="display:inline-block; width:55%" #npmValueEntered required>
</span>
</mat-cell>
</ng-container>
После этого функция submit может получить доступ к значению через this.selectedAccount.occupancy.npm.
Но использование форм, предложенных в комментариях, может дать вам лучший контроль, если вам это нужно.
-
1Как указано в коде, в пользовательском интерфейсе будет несколько полей ввода. Как связать несколько значений с помощью [(ngModel)]? Это будет легко, если я могу сохранить эти значения в массиве в машинописном коде. – Ambar Dudhane 16 July 2018 в 03:14
-
2В моем примере кода показано, как связывать значения с помощью ngModel - он работает одинаково для одного поля / значения, как и для нескольких полей / значений. Вы можете привязываться к исходному объекту данных, как показано, массиву или тому, что вы хотите. Вы также можете использовать шаблон или реактивные формы. Это все разные способы связывания и управления данными. Вы не показали, что вы намерены делать со значениями - другими словами, что должна делать ваша функция next ()? Больше кода было бы полезно, но похоже, что вам просто нужно сделать некоторое чтение, чтобы познакомиться с концепциями привязки форм и данных в Angular. – G. Tranter 16 July 2018 в 14:24