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>

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

2 个答案: