angularjs - 如何在 AngularJS 的 View 中嵌套表达式？

Question

我正在使用 Angular 料连同 Angular 翻译 .

基本上在使用 AM 的 md-select 时，我有:

<md-select-label>{{ userLanguage ? userLanguage.chosenLanguage: "Choose language"}}</md-select-label>

其中显示 选择语言 如果未选择任何选项或选择其他选项。

最后我使用 Angular 翻译在我的应用程序的 View 中翻译所有标签(例如，多种语言的“选择语言”)，例如:

{{ 'LB_CHOOSE_LANGUAGE' | translate }}

但是，当我尝试通过以下方式嵌套 2 个表达式(三元运算符 + Angular 平移过滤器)时:

{{ userLanguage ? userLanguage.chosenLanguage : {{ 'LB_CHOOSE_LANGUAGE' | translate }} }}

我得到无效的语法:

Error: [$parse:syntax] http://errors.angularjs.org/1.4.0-rc.2/$parse/syntax

有关如何处理的任何线索 嵌套表达式 ?

Answer 1

Handlebar 语法暗示了一个 JavaScript 表达式，或者更具体地说，是一个 Angular expression .在 Handlebars 中使用 Handlebars 没有意义，因为您已经告诉编译器您要从 HTML 切换到 JavaScript。

话虽如此，您可以在没有内部 Handlebars 的情况下重写您的表达式:

{{ (userLanguage ? userLanguage.chosenLanguage : 'LB_CHOOSE_LANGUAGE') | translate }}