javascript - 如何在 Angular 翻译中传递参数

Question

我创建了一个函数来执行一些错误检查并将在不同的输入字段中使用。我的功能代码如下:

errorChecks = (element, minlength) => {
   if (element.$dirty) {
      if (element.$error.required == true) {
         this.errorMessage = "REQUIRED";
         return;
      } else if (element.$viewValue.length < minlength) {
          this.errorMessage = "MINLENGTH" // MINLENGTH error with parameters here
          return;
      } else {
          this.errorMessage = null;
          return;
      } 
   }
}

我正在使用 angularjs 翻译我的错误消息。

"MINLENGTH": "{{ element }} must be at least {{ value }} characters",

我想通过将参数传递给翻译来动态更改我的错误消息，如下所示:

errorChecks(username, 5);

如果我在用户名字段中输入 1 个字符，则会出现错误:用户名必须至少包含 5 个字符。

我想做的事情可能吗？

Answer 1

最好在 Controller 内部进行翻译，除非您想将 element 和 minlength 传递给模板。

首先，您需要将 $translate 注入(inject)您的 Controller 。然后生成您的消息:

this.errorMessage = $translate('MINLENGTH', { element: element, value: minlength });

此方法也概述 here .

要在模板中执行此操作(概述 here ):

{{ MINLENGTH | translate : { element: element, value: minlength } }}