问题标签 [angular-translate]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angularjs - angular-foundation 和 angular-translate:将翻译应用于属性背景文本
我在 AngularJS 中使用angular-translation和angular-foundation模块,并定义了 Foundation 顶栏,如下所示:
我需要将翻译过滤器应用于My back text
. 已经尝试了这两种解决方案,但没有成功:
示例 1 - 代码
示例 1 - 菜单中的文本
示例 2 - 代码
示例 2 - 菜单中的文本
我有什么问题吗,或者这两个模块不可能实现这一点?
使用过的版本
angularjs - 角度翻译和用户依赖的语言选择
我已经安装了角度翻译。
在我设置的 app.js
在 loginCtrl 我设置用户语言
但是在仪表板上,例如,我无法获得 de_DE 中的翻译...
javascript - 角度翻译和 ui 路由器
我正在尝试使用角度翻译和路由翻译多步表单,我正在使用 ui-router 。
除了一件事,一切都很好。
这是我的代码:
翻译
en.json 和 ir.json
en.json////////
html
translate 在其他部分可以正常工作,但在形式上不行?我错过了什么吗?
angularjs - 我怎样才能始终将 lang=en 之类的查询字符串添加到角度请求中
我们最近在做 I18N,我们有一个菜单可以在语言 en、jp 和 fr 之间切换语言。一旦我们切换语言,url就会变成下面这样,在url的末尾有一个查询字符串。
这是问题,因为我们没有在所有现有的链接和hrefs中附加 lang 参数,如果我们点击网站上的某个链接,url 会像:
查询字符串 lang=en 没有附加在 url 的末尾,我们希望 lang=en 始终附加在 url 的末尾,我该如何实现呢?
希望我清楚地描述我的问题。
提前致谢!
javascript - 使用 angular-translate 调用对 AngularJS 服务进行单元测试
我已经尝试了许多不同的方法来为调用 angular-translate 的 AngularJS 服务编写单元测试,但我就是无法解决。任何意见,将不胜感激。这是我最有希望的例子:
一个 JSFiddle 可以在这里找到:http: //jsfiddle.net/danBhentschel/q71r874t/
javascript - 在 ui-router 配置文件中使用 angular-translate 的 $translate.use()
我正在尝试在我的 ui-router 配置文件 routes.js 中使用 $translate.use() 所以我可以切换切换语言的状态,但我得到了
未捕获的错误:[$injector:modulerr] 无法实例化模块 frontApp 由于:错误:[$injector:unpr] 未知的提供者:$translate
这是我的文件。
我还有一个包含我的翻译的 translation.js 文件,当不尝试在上述 routes.js 文件中注入和使用 $translate.use() 时,我使用 TranslateController 使用它没有问题:
这是 app.js:
我错过了什么?非常感谢您的时间和帮助。
javascript - 使用 ui-router 简单地启动一个功能而不改变状态
我有一个 LanguageSwitcher 服务和一个 LanguageSwitcher.switchLanguage() 函数,可用于在法语和英语之间切换语言。
我现在正在尝试使用 ui-router 状态来执行该功能,它似乎可以工作,因为我可以在检查但页面时看到标记中的“翻译”类(它在“法语”和“英语”之间切换)变化就像它试图加载一个不存在的视图或其他东西一样变为空白。
因此,我想防止这种行为,并尽可能简单地执行“不改变状态”的功能。
这是 ui-router 配置:
这是因为我的菜单是动态的,并且切换不是导航栏的最后一项:
navbar.js 文件:
我错过了什么?非常感谢您的时间和帮助。
angularjs - Angular-Translate 部分加载器不工作
我正在使用 AngularJS 翻译,如果我按照 pascalprecht 中的教程使用它,我的角度应用程序失败并且它不显示任何内容(它不加载部分视图),所以我决定使用 angular-translate-partial-装载机
我有一个应用程序菜单,我有一个 MenuCtrl 来显示选项,我想翻译这个菜单
这是我的代码
在 index.html 中
你能帮助我吗?
谢谢!
html - 通过 HTML 元素的属性传递带有属性的 HTML 元素
我有一个 HTML 元素,我用 angular 指令进行了注释,在这种情况下从ngTranslate翻译。ngTranslate 提供了在运行时使用任意角度表达式在翻译字符串中插入值的选项(甚至是用于编译包含指令的子编译选项)。
现在我的问题是我想{{name}}
在消息中插入Hello {{name}}
一个自定义指令<test blah="'Robert'"></test>
。也就是说,最后我希望从下面的示例中获得以下 HTML 作为输出:
JS代码:
HTML(相关部分):
您可以在此 Plunker 中使用它:http ://plnkr.co/edit/FQZS4eaZVm52sbVzQ1xb?p=preview
问题:通过另一个 HTML 元素的属性传递一个 HTML 元素会导致解析问题"
。我试图逃避传入的元素属性的"
( \"
) ,但这似乎也不起作用。如何通过另一个 HTML 元素的属性传递具有属性的 HTML 元素?
angularjs - 角度翻译父范围
也许我遗漏了一些东西,但与 ng-translate 一样好,我不明白他们为什么选择使用子作用域而不是继承父作用域。
给定以下设置示例:-
ng-translate 强制使用以下 html,使用“translate-values”来指定范围插值:-
但我真正想说的是“翻译”并让父范围正确插入名称,例如:-
但这不起作用。
我知道这看起来很琐碎,但是无论如何告诉 ng-translate 使用父范围并避免使用“翻译值”而不是创建子范围(或者这甚至是问题吗??)