angularJs函数参数中的特殊字符

Question

I'm trying to call function with parameter that contains html tags and special characters:

$scope.translate is JSON like {"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>

When there are special characters - the function is not processed, but instead shows the code. I guess that this is the result of processing variables in angularJS. How do I properly solve this problem?

Answer 1

If you have this hardcoded in your HTML template, you will need to put entities for special characters. This means using

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

instead.

Answer 2

可能必须在您的应用程序中包含ngSanitize软件包，然后使用ngBindHtml指令 。