用 \n 替换 enter 按键事件

Question

textarea.html

    <textarea [(ngModel)]="array" (keypress)="onKeypress($event)"></textarea>
    <div>
      <p>{{array}}</p>
    </div>

textarea.ts

rray:any;

  constructor() { 
    this.array =["test1", "test2", "test3"];
    // let array2 = ((array).toString()).split("");

    // let array3 = array.join("textarea"); 


  }

  ngOnInit() {
  }

  onKeypress(event){

    if (event.key == "Enter"){
    this.array =  this.array + "\n";
      return false;
    }
  else{
    return true;
  }
  }

}

如何使用angular5在文本区域中按下回车键时打印“\n”？上面的代码不起作用。

Answer 1

如果您的代码编译良好，请考虑添加转义字符以显示与您的文本框区域内联的新行字符。所以不用 "\n" 使用 "\\n".

Here 是工作示例。

Answer 2

实际上错误是我使用了“/\n”而不是“\n”，因为 \n 是一个特殊字符。这样做后它起作用了

用 \n 替换 enter 按键事件

To replace enter key press event with \n

html

angular5

enter