Добавить массив, получая значения из нескольких полей ввода (текстовое поле) - PullRequest
Новая
       8

Добавить массив, получая значения из нескольких полей ввода (текстовое поле)

0 голосов
/ 04 февраля 2019

Я использую Aurelia Framework. У меня есть четыре поля текстового поля и одна кнопка в моем представлении HTML.

Я создал службу, в которой я объявляю тип массива JSON. Теперь я хочу, чтобы, когда пользователь заполнял текстовое поле,значения должны добавляться в мой массив в форме объектов. 

export class Std_service{
    rows:any;
    constructor(){
        this.rows = [{
            "name": "Aamir",
            "age": 20,
            "email": "aa@hotmail.com",
            "id" : 1
        }, {
            "name": "Adil",
            "age": 50,
            "email": "aaa@hotmail.com",
            "id" : 1
        }, {
            "name": "Usman",
            "age": 45,
            "email": "aaaaaa@hotmail.com",
            "id" : 1
        }];
    }


}

1 Ответ

0 голосов
/ 04 февраля 2019

Допустим, у вас есть переменные, которые ограничены вашими полями ввода.давайте сохраним переменную для идентификатора (она генерируется без ведома пользователя)

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

export class Std_service{
    id: number = 0;
    name: string = "";
    age: string = "";
    email: string = "";

    rows:any = [];
    addRow()
    {
        this.rows.push({"name": this.name,
            "age": this.age,
            "email": this.email,
            "id" : this.id});

        this.name = "";
        this.age = "";
        this.email = "";
        this.id++;
    }
}

<input type="text" value.bind="name">
<input type="text" value.bind="age">
<input type="text" value.bind="email">
<button click.delegate="addRow()">add user to array</button>
...