角翻译禁制失败，UTF字符 [英] angular-translate sanitisation fails with UTF characters

问题描述

在与角翻译最新版本1.3.x的角度。使用 $的sanitize 似乎直接使用过滤器或服务时有问题，但它使用指令时起作用。

建议？

下面是一个例子：

\r

\r

VAR对myApp = angular.module（'对myApp'，['帕斯卡precht.translate'，'ngSanitize']）;\r
\r
myApp.config（函数（$ translateProvider）{\r
    $ translateProvider.useSanitizeValueStrategy（sanitize方法）;\r
    $ translateProvider preferredLanguage（'恩'）。\r
    $ translateProvider.translations（'恩'，{\r
        UTF：OEU'，\r
    }）;\r
}）;\r
\r
myApp.controller（myCtrl功能（$范围，$翻译）{\r
    $翻译（UTF）。然后（功能（反式）{\r
        $ scope.UTFCTRL =反;\r
    }）;\r
}）;

\r

＆LT;脚本SRC =htt​​ps://ajax.googleapis.com/ajax /libs/angularjs/1.3.14/angular.min.js\"></script>\r
＆LT;脚本src=\"https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.16/angular-sanitize.min.js\"></script>\r
＆LT;脚本src=\"http://rawgit.com/Pascal$p$pcht/bower-angular-translate/master/angular-translate.min.js\"></script>\r
\r
＆LT; D​​IV NG-应用=对myAppNG控制器=myCtrl＆GT;\r
    ＆LT; D​​IV＆GT;\r
        错误：其中，H1＆GT; {{'UTF'|翻译}}＆LT; / H1＆GT;\r
    ＆LT; / DIV＆GT;\r
    \r
    ＆LT; D​​IV＆GT;\r
        OK：＆LT; H1翻译=UTF＆GT;＆LT; / H1＆GT;\r
    ＆LT; / DIV＆GT;\r
    \r
    ＆LT; D​​IV＆GT;\r
        错误：其中，H1＆GT; {{UTFCTRL}}＆LT; / H1＆GT;\r
    ＆LT; / DIV＆GT;\r
＆LT; / DIV＆GT;

\r

\r

\r

在的jsfiddle： http://jsfiddle.net/gnvpo6aa/

解决方案

目前，你有两个选择：

1. 使用策略 sanitizeParameters 这只会消毒动态参数，而不是实际的翻译（模板）。如果有在控制下的翻译（但不是动态值），这将工作


2. 使用策略逃跑（或 escapeParameters ），不使用消毒，但逃脱。

免责声明：我共同维护角翻译

编辑（2016年1月12日）：我想创建这一切矩阵概述变种。

On Angular 1.3.x with latest version of angular-translate. Using $sanitize it seems there are problems when using filter or service directly, but it works when using the directive.

Suggestions?

Here is an example:

var myApp = angular.module('myApp', [ 'pascalprecht.translate', 'ngSanitize' ]);

myApp.config(function($translateProvider) {
    $translateProvider.useSanitizeValueStrategy("sanitize");
    $translateProvider.preferredLanguage('en');
    $translateProvider.translations('en', {
        UTF: 'öéü',
    });
});

myApp.controller("myCtrl", function($scope, $translate) {
    $translate("UTF").then(function(trans) {
        $scope.UTFCTRL = trans;
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.16/angular-sanitize.min.js"></script>
<script src="http://rawgit.com/PascalPrecht/bower-angular-translate/master/angular-translate.min.js"></script>

<div ng-app="myApp" ng-controller="myCtrl">
    <div>
        Wrong: <h1>{{ 'UTF' | translate }}</h1>
    </div>
    
    <div>
        Ok: <h1 translate="UTF"></h1>
    </div>
    
    <div>
        Wrong: <h1>{{ UTFCTRL }}</h1>
    </div>
</div>

On jsfiddle: http://jsfiddle.net/gnvpo6aa/

解决方案

At the moment, you have two options:

1. Use the strategy sanitizeParameters which will only sanitize the dynamic parameters, but not the actual translation (template). If you have the translation under control (but not the dynamic values), this will work.
2. Use the strategy escape (or escapeParameters) which does not use sanitization but escaping.

Disclaimer: I'm co-maintaining angular-translate.

Edit (12.01.2016): I'd created this matrix overview of all variants.

这篇关于角翻译禁制失败，UTF字符的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！