angularJs函数参数中的特殊字符

Question

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

$ scope.translate是JSON，如{“phrase”：“phrase1”}

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>

代替。

Answer 2

可能必须在您的应用中添加ngSanitize包，然后使用ngBindHtml directive。