$state 未定义。 jhipster 版本 4 生成的实体页面上的错误

Question

当我尝试在 Jhipster 生成的实体中使用 分页栏 更改 页面 时，收到以下 javascript 错误：$state is not defined

我正在评估 JHipster 版本 4.0.5 框架和 angularJS 版本 1 到 clientFramework。所有实体都是通过命令 jhipster:entity entity-name 使用 pagination 选项生成的。

问题在于 entitycontroller.js 生成的“状态”变量在控制器注入中丢失。例如

 EntityController.$inject = ['Entity', 'ParseLinks', 'AlertService', 'paginationConstants','$state']

你能在下一个版本中解决这个问题吗？

Answer 1

你必须修改_entity-management.controller.js

此文件位于以下目录： ../node_modules/generator-jhipster/generators/entity/templates/client/angularjs/src/main/webapp/app/entities/_entity-management.controller.js

您需要在 $inject 和函数代码上添加 $state 变量。这是 jhipster 4.0.5 版本的更改代码：

(function() {
    'use strict';

    angular
        .module('<%=angularAppName%>')
        .controller('<%= entityAngularName %>Controller', <%= entityAngularName %>Controller);

    <%= entityAngularName %>Controller.$inject = [<% if (fieldsContainBlob) { %>'DataUtils', <% } %>'<%= entityClass %>'<% if (searchEngine == 'elasticsearch') { %>, '<%= entityClass %>Search'<% } %><% if (pagination != 'no') { %>, 'ParseLinks', 'AlertService', 'paginationConstants', '$state'<% } %> <%_ if (pagination == 'pager' || pagination == 'pagination'){ %>, 'pagingParams'<% } %>];

    function <%= entityAngularName %>Controller(<% if (fieldsContainBlob) { %>DataUtils, <% } %><%= entityClass %><% if (searchEngine == 'elasticsearch') { %>, <%= entityClass %>Search<% } %><% if (pagination != 'no') { %>, ParseLinks, AlertService, paginationConstants, $state<% } %> <%_ if (pagination == 'pager' || pagination == 'pagination'){ %>, pagingParams<% } %>) {

        var vm = this;

        <%_ if (pagination == 'pagination' || pagination == 'pager') { _%>
<%- include('pagination-template'); -%>
        <%_ } else if (pagination == 'infinite-scroll') { _%>
<%- include('infinite-scroll-template'); -%>
        <%_ } else { _%>
<%- include('no-pagination-template'); -%>
        <%_ } _%>
    }
})();

希望有用。