javascript - angularjs 替换用 angular.copy() 复制的对象中的换行符

Question

我正在尝试替换对象属性中的所有换行符，该属性正在使用 json 对象中的 angular.copy 填充，但由于某种原因无法修改该值。

angular.copy(data, vm.candidate);
console.log(vm.candidate.Comments.replace(/\n/g, '<br/>'));

输出仍然是:hi\nhow\nare\nu\n

但是如果我在变量中设置这个输出

var xx = "hi\nhow\nare\nu\n";
console.log(xx.replace(/\n/g, '<br/>'));

输出是:hi
how
are
u
如预期。

基本上，我正在尝试做这样的事情:

 vm.candidate.Comments=$sce.trustAsHtml(vm.candidate.Comments.replace(/\n/g, '<br/>'));

在 View 中:

<p ng-bind-html="candCtrl.candidate.Comments"></p>

尝试在 View 中获得正确的输出:

“嗨，你好吗”

有什么想法为什么它不起作用吗？

jsfiddle 示例:jsfiddle

Answer 1

*注意，我正在使用原始问题评论中提供的 jsfiddle。

基本上，您正在使用 angular.copy错了。

根据here的 Angular 文档:

[angular.copy] Creates a deep copy of source, which should be an object or an array.

您正在尝试复制 string 。解决方案是复制整个对象，然后使用正则表达式替换 \n与 <br/>

你的代码:

   function LoginController($scope) {
     $scope.car2 = {};
     $scope.car = { "ID": 3, "Comments": "hi\\nhow\\nare\\nu\\n","RatingID": 2,"Rating":"Unsure"};
     $scope.car2=angular.copy($scope.car.Comments.replace(/\n/g, '<br/>'));  
 }

工作代码(jsfiddle):

   function LoginController($scope) {
     $scope.car2 = {};
     $scope.car = { "ID": 3, "Comments": "hi\nhow\nare\nu\n","RatingID": 2,"Rating":"Unsure"}
     $scope.car2 = angular.copy($scope.car)
     $scope.car2 = $scope.car2.Comments.replace(/\n/g, '<br/>')
 }