将JavaScript代码中的字符串标记为可翻译（Angular + Webpack + ES6）

Question

我按照John Papa hottowel代码建立了一些路线。这是一个例子：

title: gettext('CONTRACTS'),

我想使用angular-gettext来制作可翻译的标签：

import gettext from 'angular-gettext';

getStates.$inject = ['gettext'];
function getStates(gettext) {
    return [
        {
            name: 'contracts',
            config: {
                // other code
                title: gettext('CONTRACTS'),

但是我无法找到导入并将gettext注入函数的方法。

我试过了：

<script type="text/javascript">
// Call ajax
function getTable()
{
    $.post("datatable.php",
            {
            },
            function(data){
                /*alert(data);*/
                $("#showData").html(data);
            });

}
// Datatable function
//$(document).ready(function(){
  $('#example').DataTable();
//});
</script>

但是我得到错误：gettext不是函数。

欢迎任何帮助。