在textarea标记内或外以换行显示其他文本

时间:2019-03-29 12:31:16

标签: javascript html angular typescript textarea

我想在textarea的每个新行中显示一些其他文本或帮助,以显示上一行与下一行之间的关系。例如:

first line
(OR) second line
(OR) third line

在此示例中,“(OR)”是每行中的附加文本,以帮助用户。我只想以原始格式将数据发送到后端

first line
second line
third line

我有一个用角html代码中的角材料创建的文本区域,其中我要像这样在多行中输入

This is original textarea

我已使用这些行更改了角度7的文本,以实现类似的效果

This is modified textarea

<textarea matInput (keyup.enter)="enterPressed()" formControlName="filterText"></textarea>

功能是

public enterPressed(){
this.myForm.controls["filterText"].setValue(this.filterText.value + "(OR) ");
}

其中,myForm是表单名称,而fiterText是用于修改值的formcontrol名称。这种方法也将更改文本值,而我不想这样做。在每行中添加“(OR)”只是为了向用户显示有关上一行与新行之间的关系的信息。

我想实现一个目的,即如果我们可以在textarea框内的行之间显示相关信息,或者使用某种其他技术可以比这种方法更好,例如当前textarea旁边的另一个元素将用于显示信息。 / p>

请提出一种新的方法,而不是我能想到的这种la脚的方法。

谢谢

0 个答案:

没有答案