角度忽略特殊字符

Question

我试图显示一个文件名，但是当文件名包含特殊字符时，它会被完全忽略。

代码如下：

<p class="meta-description" [innerHTML]="{{ vm.previewing.filename + ' | ' + vm.previewing.emailSubject }}">
{ vm.previewing.filename }}

<span ng-if="vm.previewing.emailSubject"> | {{ vm.previewing.emailSubject }}</span>

即使添加innerHTML也不能解决问题。

如果文件名为'çx‘，则会显示在页面上，例如：

<p class="meta-description ng-binding" [innerhtml]="x.pdf | ">
   x.pdf  
<!-- ngIf: vm.previewing.emailSubject -->
</p>

Answer 1

如果我们是在用AngularJS说话，

您是否启用了模块angular-sanitize？如果是这样，请使用ng-bind-html指令解析要显示的特殊字符或标记。还要避免将插值和属性绑定混在一起，只选择其中之一使用。

<p class="meta-description" ng-bind-html="vm.previewing.filename + ' | ' + vm.previewing.emailSubject">


<span ng-if="vm.previewing.emailSubject" ng-bind-html="'|'+ vm.previewing.emailSubject"> </span>

使代码更整洁的一个技巧是在控制器端创建这些字符串值(就像将文件名和电子邮件连接到p元素中)。

请记住，括号语法"[]“用于Angular 2-11属性绑定，而不是AngularJS。

参考：https://docs.angularjs.org/api/ng/directive/ngBindHtml