AngularJS 翻译在占位符中不起作用

Question

我正在使用在 AngularJS 中开发的 clip-2，在其中我使用 JSON 文件翻译多语言，它适用于所有 HTML 标签，但是当我尝试使用它翻译占位符时它不起作用。

JSON 格式

"addemployee": {
  "Name": "Name",
  "Typename": "Type name",
  "Employeid": "Employe id",
  "Username": "Username",
  "Contactno": "Contact no.",
  "Typecontactno": "Type contact no.",
  "Password": "Password",
  "Typepassword":"Type password",
  "Confirmpassword": "Confirm password",
  "Selectimagefile": "Select an image file",
  "remove": "Remove",
  "cancel": "Cancel",
  "upload": "Upload",
  "Addemployee": "Add employee",
  "TypeConfirmpassword": "Type Confirm password"
}

适用于 HTML 标签

<h1 class="mainTitle" translate="addemployee.Addemployee"> Add Employee</h1>

但在输入占位符中不起作用

placeholder=""

Answer 1

你就这样尝试过吗？

<input type="text" placeholder="{{ 'addemployee.Addemployee' | translate }}" ng-model="myModel">

编辑：

<input type="text" ng-attr-placeholder="{{ 'addemployee.Addemployee' | translate }}" name="firstName" ng-model="employee.name" id="name" class="form-control" required>

"addemployee": { 
    "Name": "Name", 
    "Typename": "Type name", 
    "Employeid": "Employe id", 
    "Username": "Username", 
    "Contactno": "Contact no.", 
    "Typecontactno": "Type contact no.", 
    "Password": "Password", 
    "Typepassword":"Type password", 
    "Confirmpassword": "Confirm password", 
    "Selectimagefile": "Select an image file", 
    "remove": "Remove", 
    "cancel": "Cancel", 
    "upload": "Upload", 
    "Addemployee": "Add employee", 
    "TypeConfirmpassword": "Type Confirm password" 
}

您必须使用条件进行两次翻译，就像ng-show 或ng-hide。