离子文本区域输入移位+输入数组

Question

我的表单中有一个文本区域输入参数

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