将自定义视图添加到jhipster应用程序

Question

我想在index.html上为jhipster app添加自定义视图

我已经在navbar.html中创建了链接,并在路径src/main/webapp/scripts/app/custom/newView.html上添加了html文件

 <a ui-sref="newView" data-toggle="collapse" data-target=".navbar-collapse.in">
     <span class="glyphicon"></span>
     <span class="hidden-sm">new view</span>
 </a>

当我点击链接时,它不起作用.可能它需要一个有角度的自定义路线,但我无法弄清楚如何创建它.我还该怎么办？

Answer 1

除了另一个答案,这是另一条信息.也许其他人会发现它很有用.我在自定义视图中遇到了类似的问题,但仅限于生产中.开发模式下一切都很好.在生产模式下,什么都不会显示,我有这个javascript错误,上面写着"无法解决......来自状态......".事实证明,我的javascript文件(声明状态的地方)在index.html中声明为这样

<!-- build:js({.tmp,src/main/webapp}) scripts/app.js -->
<script src="scripts/app/app.js"></script>
<script src="scripts/app/app.constants.js"></script>
...

<!-- endbuild -->

<!-- custom -->
<script src="scripts/app/pages/quizz/quizz.js"></script>
<script src="scripts/app/pages/quizz/quizz.controller.js"></script>

我故意创建了分离,只是为了让它更容易阅读.一旦我把它移到了endbuild之前就把它拿走了,问题就消失了.我想这与应用程序的打包方式有什么关系？我还没看过它是怎么做到的.

Answer 2

我已经弄清楚了：

我必须添加 angularjs 路线。创建了一个js文件src/main/webapp/scripts/app/custom/newv.js，内容如下：

angular.module('jCrudApp')
    .config(function ($stateProvider) {
        $stateProvider
            .state('newView', {
                parent: 'site',
                url: '/newView',
                views: {
                    'content@': {
                        templateUrl: 'scripts/app/custom/newView.html',
                        //controller: 'MainController'
                    }
                }
            });
    });

并在index.html中导入新脚本

<script src="scripts/app/custom/newv.js"></script>