Jhipster 生成器不会在 UI 中生成过滤器面板

Question

我使用 jhipster 为我的 Web 应用程序生成 CRUD。 通过配置 jdl 生成器，我希望在 UI 中看到每个实体的搜索面板。但它只是在后端生成 EntityQueryService 类。它工作正常，并且可以在 swagger-ui 中访问 API。 是否有任何 UI 库可以帮助我按预期格式传递参数或网络中任何预定义的过滤器面板？

谢谢。

Answer 1

最后我添加了手动搜索面板，如下所示：

  <div class="container-fluid">
        <div class="row">
            <jhi-alert-error></jhi-alert-error>
            <div class="col-sm-4">
                <label for="field_billOrgType">organization</label>
                <select id="field_billOrgType" ng-model="vm.searchModel.billOrgType">
                    <option ng-repeat="x in vm.Utilities" value="{{x.key}}">{{x.name}} - {{x.key}}</option>
                </select>
            </div>
            </div>
        </div>

我的控制器：

( function () {
    'use strict';
     angular
         .module('ebppApp')
         .factory('TmpBill', TmpBill);
 TmpBill.$inject = ['$resource'];
 function TmpBill($resource) {
     var resourceUrl = 'api/tmp-bills/:id';

     return $resource(resourceUrl, {}, {
         'search': {
             method: 'GET'
             , isArray: true
             , url: 'api/tmp-bills?:billOrgType',
             params: {
                 billOrgType: '@billOrgType'
             }
             }
         }
     });
 } })();

     function search() {

         TmpBill.search({

             billOrgType: vm.searchModel.billOrgType ? "billOrgType.equals=" + vm.searchModel.billOrgType : ''
             page: vm.page - 1,
             size: vm.itemsPerPage,
             sort: sort()
         }, onSuccess, onError);
         function sort() {
             var result = [vm.predicate + ',' + (vm.reverse ? 'asc' : 'desc')];
             if (vm.predicate !== 'id') {
                 result.push('id');
             }
             return result;
         }

         function onSuccess(data, headers) {
             vm.links = ParseLinks.parse(headers('link'));
             vm.totalItems = headers('X-Total-Count');
             vm.queryCount = vm.totalItems;
             vm.tmpBills = data;
             // vm.page = pagingParams.page;
         }

         function onError(error) {
             AlertService.error(error.data.message);
         }
     }