用\ n替换回车键按事件

时间:2018-05-22 14:31:34

标签: html angular5 enter

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

}

如果在使用角度5的textarea中按下回车键时打印“\ n”?上面的代码不起作用。

2 个答案:

答案 0 :(得分:0)

如果你的代码编译得很好,那么考虑添加转义字符以显示与文本框区域内联的新行字符。所以不是&#34; \ n&#34;使用&#34; \\ n&#34;。

Here是工作示例。

答案 1 :(得分:0)

实际上错误是我使用“/ \ n”而不是“\ n”,因为\ n是一个特殊字符。这样做之后就可以了