AngularJS Translation在占位符中不起作用

Question

I am using clip-two which is developed in AngularJS in which I am using translate multi-language using JSON file it is working for all HTML tags but I when trying to translate placeholder using this it not working.

JSON format

"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"
}

Works for HTML tag

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

But doesn't not work in input placeholder

placeholder=""

Answer 1

You did try just like this ?

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

Edit:

<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" 
}

You have to use condition for two translation just like ng-show or ng-hide .