离子textarea输入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>

我希望我的用户在此textarea的每个新行中输入值，例如

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]);
    }