Aggiungi visualizzazione personalizzata per jhipster app

Question

vorrei aggiungere una visualizzazione personalizzata per jhipster app sul index.html

ho già creato il link in navbar.html e aggiunto il file html sul percorso src/main/webapp/scripts/app/custom/newView.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> 

Quando faccio clic sul collegamento non funziona. Probabilmente ha bisogno di un percorso personalizzato angolare ma non riesco a capire come crearlo. Cos'altro dovrei fare?

Answer 1

ho capito:

ho dovuto aggiungere un percorso angularjs. Creato un file js src/main/webapp/scripts/app/custom/newv.js con il seguente contenuto:

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

e importare il nuovo script in index.html

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

Answer 2

Inoltre all'altra risposta, ecco un'altra informazione. Forse qualcun altro lo troverà utile. Ho avuto un problema simile con una visualizzazione personalizzata ma solo in produzione. Tutto andava bene in modalità dev. In modalità di produzione, nulla sarebbe visualizzato e ho avuto questo errore di javascript che diceva "non poteva risolvere ... dallo stato ...". Si scopre che il mio file javascript (dove lo Stato è stato dichiarato) è stato dichiarato come questo in 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> 

avevo creato la separazione di proposito, proprio per rendere più facile da leggere. Una volta spostato per averlo prima della costruzione, il problema è scomparso. Immagino che questo sia legato al modo in cui l'app è impacchettata in qualche modo? Non ho guardato come lo fa.