html - 将 TextArea 绑定到字符串数组 - Angular 7

Question

我有一个具有字符串数组属性的类。我想将 UI 绑定到 TextArea，这样当用户输入文本时，文本区域中的每一行都是类属性数组中的一个字符串。有没有办法做到这一点，或者某种类型的翻译可以做到这一点？

我的第一个想法可能是管道，但这只是一种方式......

我将如何进行这种转换？

标签： htmlangular

Answer 1

您可以利用FormsModule，这意味着将事件侦听器附加到textarea

<textarea ngModel (ngModelChange)="toArray($event)"></textarea>

然后，在您的Component类中

toArray(value: string): void {
   this.model.lines = value.split(/[\r\n]+/);
}