Angular 2 - Translate string with other string to translate as it's param

up vote
2
down vote

favorite

I want to display a translated title, like: "Status of my dog"

I want to translate "Status of my {{param}}" and "dog" independently, because maybe in some language it should be displayed as "My dog status" (order changed).

I achived it by doing two separate translations - one in html and one in ts:

html:

{{'TITLE' | translate: {param: getParam()} }}

ts:

getParam(): string {

  return this.translateService.instant(this.param.name); // where param = {name: 'DOG'}

}

and the translation strings are (example for english):

"TITLE": "Status of my {{param}}"

"DOG": "dog"

It works fine, but I was wondering - is it maybe doable by doing only translation in html file, with maybe some additional things in translate?

Like...

{{'TITLE' | translate: {param: param.name | translate} }}

edited Nov 9 at 11:06

asked Nov 9 at 10:50

pbialy

18914

add a comment |

up vote
2
down vote

favorite

I want to display a translated title, like: "Status of my dog"

I want to translate "Status of my {{param}}" and "dog" independently, because maybe in some language it should be displayed as "My dog status" (order changed).

I achived it by doing two separate translations - one in html and one in ts:

html:

{{'TITLE' | translate: {param: getParam()} }}

ts:

getParam(): string {

  return this.translateService.instant(this.param.name); // where param = {name: 'DOG'}

}

and the translation strings are (example for english):

"TITLE": "Status of my {{param}}"

"DOG": "dog"

It works fine, but I was wondering - is it maybe doable by doing only translation in html file, with maybe some additional things in translate?

Like...

{{'TITLE' | translate: {param: param.name | translate} }}

edited Nov 9 at 11:06

asked Nov 9 at 10:50

pbialy

18914

add a comment |

up vote
2
down vote

favorite

I want to display a translated title, like: "Status of my dog"

I want to translate "Status of my {{param}}" and "dog" independently, because maybe in some language it should be displayed as "My dog status" (order changed).

I achived it by doing two separate translations - one in html and one in ts:

html:

{{'TITLE' | translate: {param: getParam()} }}

ts:

getParam(): string {

  return this.translateService.instant(this.param.name); // where param = {name: 'DOG'}

}

and the translation strings are (example for english):

"TITLE": "Status of my {{param}}"

"DOG": "dog"

It works fine, but I was wondering - is it maybe doable by doing only translation in html file, with maybe some additional things in translate?

Like...

{{'TITLE' | translate: {param: param.name | translate} }}

edited Nov 9 at 11:06

asked Nov 9 at 10:50

pbialy

18914

I want to display a translated title, like: "Status of my dog"

I want to translate "Status of my {{param}}" and "dog" independently, because maybe in some language it should be displayed as "My dog status" (order changed).

I achived it by doing two separate translations - one in html and one in ts:

html:

{{'TITLE' | translate: {param: getParam()} }}

ts:

getParam(): string {

  return this.translateService.instant(this.param.name); // where param = {name: 'DOG'}

}

and the translation strings are (example for english):

"TITLE": "Status of my {{param}}"

"DOG": "dog"

It works fine, but I was wondering - is it maybe doable by doing only translation in html file, with maybe some additional things in translate?

Like...

{{'TITLE' | translate: {param: param.name | translate} }}

angular

edited Nov 9 at 11:06

asked Nov 9 at 10:50

pbialy

18914

edited Nov 9 at 11:06

asked Nov 9 at 10:50

pbialy

18914

edited Nov 9 at 11:06

asked Nov 9 at 10:50

pbialy

18914

asked Nov 9 at 10:50

pbialy

18914

asked Nov 9 at 10:50

pbialy

18914

add a comment |

1 Answer
1

active

oldest

votes

up vote
0
down vote

Well, looks like I should try the intuitive solution before postion a question.

The answer is just like I guessed above:

{{'TITLE' | translate: {param: param.name | translate} }}

answered Nov 9 at 15:11

pbialy

18914

add a comment |

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53224283%2fangular-2-translate-string-with-other-string-to-translate-as-its-param%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

1 Answer
1

active

oldest

votes

1 Answer
1

active

oldest

votes

up vote
0
down vote

Well, looks like I should try the intuitive solution before postion a question.

The answer is just like I guessed above:

{{'TITLE' | translate: {param: param.name | translate} }}

answered Nov 9 at 15:11

pbialy

18914

add a comment |

up vote
0
down vote

Well, looks like I should try the intuitive solution before postion a question.

The answer is just like I guessed above:

{{'TITLE' | translate: {param: param.name | translate} }}

answered Nov 9 at 15:11

pbialy

18914

add a comment |

up vote
0
down vote

Well, looks like I should try the intuitive solution before postion a question.

The answer is just like I guessed above:

{{'TITLE' | translate: {param: param.name | translate} }}

answered Nov 9 at 15:11

pbialy

18914

Well, looks like I should try the intuitive solution before postion a question.

The answer is just like I guessed above:

{{'TITLE' | translate: {param: param.name | translate} }}

answered Nov 9 at 15:11

pbialy

18914

answered Nov 9 at 15:11

pbialy

18914

answered Nov 9 at 15:11

pbialy

18914

answered Nov 9 at 15:11

pbialy

18914

add a comment |

draft saved

draft discarded

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Xtykutl