如何在AngularJS中使用$scope为textarea设置带换行的预填充内容

<textarea> 属于纯文本表单控件，无法识别 <br> 这类HTML标签，要实现预填充文本的换行效果，需要插入纯文本换行转义符 \n。

代码修改方案 #

你只需要调整给$scope.message赋值的字符串，在需要换行的位置插入\n即可，修改后代码如下：

$scope.message = "Hi "+$scope.firstName+ ",\nThanks for contacting us....... ";

可选优化写法（ES6+环境支持） #

如果你的项目运行环境支持ES6语法，可以使用模板字符串实现更直观的换行书写，无需手动插入\n：

$scope.message = `Hi ${$scope.firstName},
Thanks for contacting us....... `;

上述修改不需要调整textarea的HTML代码，赋值后即可直接生效。

内容的提问来源于stack exchange，提问作者Amara