Angular翻译变量替换

Joe*_*len 5 internationalization angularjs angular-translate

我想在翻译中使用变量,但我不知道如何在我的模板中使用它.

在我的HTML模板中:

 <md-input-container class="md-block">
                <md-autocomplete md-no-cache="vm.noCache" 
                                    md-search-text="user.searchUser" 
                                    md-items="userItem in vm.querySearch(user.searchUser)" 
                                    md-item-text="userItem.display"
                                    md-selected-item-change="vm.selectedItemChange(userItem, user)"
                                    md-min-length="0"
                                    required>
                    <md-item-template>
                        <span md-highlight-text="user.searchUser" md-highlight-flags="^i">{{userItem.display}}</span>
                    </md-item-template>
                    <md-not-found>
                        {{ 'user.autocomplete.no_user' | translate:'{ username: user.searchUser }' }}

                    </md-not-found>
                </md-autocomplete>
            </md-input-container>
Run Code Online (Sandbox Code Playgroud)

和我的翻译文件(json):

"user": {
            "autocomplete": {
        "no_user" : "No user has been found ({{username}})",
     }
}
Run Code Online (Sandbox Code Playgroud)

如何使用user.searchUser显示该消息?

非常感谢 !

Joe*_*len 15

这里是直接在HTML模板中完成的答案:

{{ 'user.autocomplete.no_user' | translate:{ username: user.searchUser } }}
Run Code Online (Sandbox Code Playgroud)

  • 请注意,平移参数末尾和插值绑定之间的空白很重要。删除它(`{{ 'user.autocomplete.no_user' | translate:{ username: user.searchUser }}}`)将引发“表达式意外结束”错误 (3认同)