2015-10-31 43 views
5

をjhipsterするためにカスタムビューを追加します。私はすでにnavbar.htmlにリンクを作成し、パスのsrc /メイン/ webappの/上のhtmlファイルを追加しましたスクリプト/アプリ/カスタム/ newView.html私はindex.htmlを</p> <p>でアプリをjhipsterするためにカスタムビューを追加したいアプリ

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

私はそれが動作しないリンクをクリックしてください。おそらくそれは角度のカスタムルートが必要ですが、私はそれを作成する方法を把握することはできません。他に何をすべきですか?

答えて

3

私はそれを理解しました:

私はangularjsルートを追加する必要がありました。また

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

とのindex.html

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

私は同じ問題を抱えていますが、プロダクションモードのみです。あなたはdevとprodモードの違いに気づいたのですか? –

4

に新しいスクリプトをインポートする:JSファイルを作成し、以下の内容で のsrc /メイン/ webappの/スクリプト/アプリ/カスタム/ newv.jsもう一つの答えには、別の情報があります。たぶん誰かがそれが役に立つと思うかもしれません。カスタムビューでも同様の問題が発生していましたが、実稼働環境でのみ発生しました。 devモードではすべてうまくいきました。プロダクションモードでは、何も表示されませんでした。この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> 

でこのように宣言されていたことが判明し、私はちょうどそれが読みやすくするために、意図的に分離を作成していました。私がいったんそれを作り終えた後にそれを持っていたら、問題は消えました。私はこれはアプリが何とかパッケージ化されている方法に関連していると思いますか?私はそれがどのようにそれを行うかを見ていない。

関連する問題