html5 플레이스 홀더를 동적으로 변환하는 방법

html5 플레이스 홀더를 동적으로 변환하는 방법

페이지 내용을 다른 언어로 번역하기 위해 angular-translate를 사용하고 있습니다.

<input  type ='text' placeholder = ' {username | translate}'>

이것은 페이지가 로드될 때 잘 작동합니다.하지만 내가 사용했을 때 번역이 안 된다.$translate.uses('fr')언어 드롭다운 변경에 따라 달라집니다.

언어가 동적으로 변화하는 동안 플레이스 홀더를 번역할 수 있는 솔루션을 제안할 수 있습니까?

시도하셨습니까?

<input type="text" placeholder="{{ 'my.i18n.key' | translate }}" ng-model="myModel">

각번역에는 이를 돕기 위한 지침이 있습니다.이 문제를 참조하십시오.

<input placeholder="Regular Placeholder" translate translate-attr-placeholder="text" translate-value-browser="{{app.browser}}">

이 스레드에서 동작하고 있는 plunkr의 프리뷰를 다음에 나타냅니다.http://plnkr.co/edit/J4Ai71puzOaA0op7kDgo?p=preview

+ira의 솔루션이 효과적입니다.

<input type ='text' placeholder = "{'USERNAME' | translate}">

여기서 username은 변환 키입니다.이 번역 JSON 행은 스페인어로 다음과 같습니다.

"USERNAME": "Nombre",

두 개가 함께 Nombre를 입력 상자 안에 자리 표시자로 넣습니다.

I 다음 방법을 사용합니다.

in.json:

{
   "ENTER_TEXT": "{{label}} را وارد کنید",
   "DISCOUNT_CODE": "کد تخفیف"
}

템플릿 내:

<input type="text" placeholder="{{'ENTER_TEXT' | translate: {label: 'DISCOUNT_CODE' | translate} }}" >

플레이스 홀더="{"some_text" | translate }" 대신 플레이스 홀더="{"some_text" | translate }"를 사용했습니다.

언급URL : https://stackoverflow.com/questions/21025277/how-to-translate-the-html5-placeholders-dynamically