Ионная текстовая область ввода shift + ввод в массив

Question

У меня есть поле ввода textarea в моей форме

 <form [formGroup]="addCRCCardForm" (ngSubmit)="createCard(addCRCCardForm.value)" autocomplete="off">
 ...

 <ion-item>
   <ion-label>Attributes and operations* </ion-label>
   <ion-textarea type="text" formControlName="responsibilities"></ion-textarea>
 </ion-item>

Я ожидаю, что мой пользователь будет вводить значения в каждой новой строке в этой текстовой области, например,

Name
Age
Gender

В моем компоненте я хочу проанализировать эти входные данные и преобразовать их в массив, т.е. ["Name", "Age", "Gender"], который затем снова отображается в моем шаблоне в виде списка.

Как этого добиться?

Answer 1

Я думаю, что это можно решить с помощью базового JavaScript

var texts = [];
var txtBox = document.getElementById("inputbox");
var lines = txtBox.value.split("\n");

for (var i=0; i < lines.length; i++) {
        texts.push(lines[i]);
    }