3진 연산자의 각도 변환 필터

3진 연산자의 각도 변환 필터

제 프로젝트를 다른 언어로 번역하려고 합니다.각도 번역 라이브러리를 사용하여 번역이 포함된 외부 JSON 파일을 제공했습니다.다음과 같습니다.

{
  "hello_world": "Hola Mundo"
}

심플한 하드코드 스트링과 함께 사용하면 정상적으로 동작하며 올바른 번역이 제공됩니다.

<p>{{ "hello_world" | translate }}</p>

하지만 이렇게 코드화된 3진 연산자는 어떻게 처리하지?

<button> {{ conditionValue ? 'Show' : 'Hide' }} </button>

Angular Translate를 사용하여 이러한 'Show' 및 'Hide' 값을 번역 필터로 변경하는 방법은 무엇입니까?다른 방법을 시도했지만 잘못된 구문 오류가 발생했습니다.감사합니다!

내 생각엔 네가 이걸 싸서ternary operator안으로(),그건 작동할 것이다.

<button> {{ ( conditionValue ? 'Show' : 'Hide' ) | translate }} </button>

시험해 볼 수 있습니다.

여기서 사용자 이름을 온라인과 오프라인으로 만듭니다. 당신이 soanish를 선택하면, 사용자의 온라인 상태는 3차 조건에 따라 spish로 바뀝니다.

https://plnkr.co/edit/o16dpI?p=preview

[https://plnkr.co/edit/o16dpI?p=preview][1]

{{ ( userName ? 'Show' : 'Hide' ) | translate }}

내가 방금 해결책을 생각해냈어!3진 연산자의 경우 필터 대신 'translate' 지시어를 사용해야 합니다.그리고 잘 작동합니다.

{
  "show_value": "Show",
  "hide_value": "Hide",
}

<button translate> {{ conditionValue ? "show_value" : "hide_value" }} </button>

존재하는 프레픽스

{{ ('massmedias.' + (ctrl.actionType === 'add' ? 'add' : 'rename')) | translate }}

여기 당신의 언어 JSON 파일입니다.

"CONFIGURATION": {
    "NEW_TEMPLATE": "New Template",
    "EDIT_TEMPLATE": "Edit Template"
}

Case-I (HTML 태그 포함)

<button> {{ ( variable === '5' ? 'CONFIGURATION.NEW_TEMPLATE' : 'CONFIGURATION.EDIT_TEMPLATE' ) | translate }} </button>

CASE-II(일부 서드파티 속성 포함

<p-dialog header="{{(variable === '5' ? 'CONFIGURATION.NEW_TEMPLATE' : 'CONFIGURATION.EDIT_TEMPLATE') | translate}}"> 

언급URL : https://stackoverflow.com/questions/46350494/angular-translate-filter-in-ternary-operator