angularjs - 如何在 AngularJS 中使 textarea 不允许或忽略换行符/换行符/返回

Question

是否可以忽略或不允许在 angularjs 的 textarea 中换行？该文本用于 pdf 生成器，我不希望用户能够输入换行符，然后在 pdf 中看不到它。我宁愿将返回键一起忽略。

<textarea ng-model="model.text"></textarea>

Answer 1

在您的 Controller /指令中，如果您运行正则表达式以删除 $scope.model.text 中所有出现的“\n” ，你应该得到一个没有换行符的纯字符串。

你可以引用这个答案来做到这一点:How to replace all occurrences of a string in JavaScript?

如果您甚至不希望文本区域有任何换行符，您可以在观察者中添加上述逻辑，如下所示:

$scope.$watch('model.text', function(){
  $scope.model.text = $scope.model.text.replace(/\n/g, '');
})