当前位置: 首页 > 工具软件 > ng2-translate > 使用案例 >

html标签 ui-sref,如何使用translate和ng-bind-html的组合来生成ui-sref链接

巫马瀚漠
2023-12-01

我使用的角度1.4.9 具有角翻译2.9.0

这里是相关的代码如预期

controller {

function(value) {

this.$translate.isPostCompilingEnabled(); // Returns true

return this.$translate.instant("taskNames."+value.parameters['messageId'], value.parameters);

}

}

My translation has the following string.

taskInstructions{

someMessageId: "Here is some text Some more text"

}

我的翻译返回文本,如果我没有ui-sref在那里,但是一旦我加入ng-bind-html,ui-sref就会消失。我试过编译,但这似乎没有工作,虽然我不知道我是否正确使用它。

我试着$sce.trustAsHtml对翻译的输出,并得到了ui-sref显示在HTML输出,但它并没有实际链接到任何地方。我觉得我错过了某些地方的某些步骤,但我似乎无法弄清楚角色想让我做些什么来获得ui-sref的功能。

有关最佳实践的最佳实践的任何想法?

2016-02-04

Zipper

+1

为什么你需要'NG绑定 - html'这个摆在首位?它通常只用于显示用户提交的内容,并且不会编译指令 –

+0

不知道我是否需要'ng-bind-html',当我尝试使链接工作时最初使用,可能只是一个红鲱鱼现在,但我不确定正确的步骤是什么让这个工作。如果我只是尝试翻译,我只是回到文本,所以没有正常运行的HTML。 –

+0

如果你想输出一个动态定位标记,那么你必须使用'ng-bind-html',但是你必须告诉角度,它可以通过使用'$ sce.trustAsHtml()'来使用。另外'ng- bind-html =“getTranslatedText(someObject)”',你不需要'$ scope' –

 类似资料: