javascript - angularJs函数参数中的特殊字符

Question

我正在尝试使用包含 html 标签和特殊字符的参数调用函数:

$scope.translate 是类似 {"phrase": "phrase1"} 的 JSON

JS:

   $scope.t = function(phrase) {
    if ($scope.translate[phrase]) {
      return $scope.translate[phrase];
    } else {
      return phrase;
    }
   }

HTML:

<label class="sub-label" for="" >{{t("Fields required are marked with <span> * </ span>")}}</label>

当有特殊字符时 - 函数不会被处理，而是显示代码。我猜想这是AngularJS中处理变量的结果。如何正确解决这个问题？

Answer 1

如果您在 HTML 模板中对此进行了硬编码，则需要放置特殊字符的实体。这意味着使用

<label class="sub-label" for="" >{{t("Fields required are marked with &lt;span&gt; * &lt;/ span&gt;")}}</label>

相反。