2014-11-20 4 views
7

Sto utilizzando Ionic framework per creare un'applicazione.La direttiva angolare non viene visualizzata nell'app ionica

Devo essere in grado di riutilizzare e modificare l'intestazione della mia app in modo che dichiari le mie due diverse intestazioni come direttive utilizzando il mio markup di lavoro.

app.directive('headerSidebar', function(){ 
    return { 
    templateUrl: 'templates/header-main.html', 
    restrict: 'E' 
    }; 
}); 

app.directive('headerBack', function(){ 
    return { 
    templateUrl: 'templates/header-back.html', 
    restrict: 'E' 
    }; 
}); 

Quando provo a chiamare le direttive con <header-sidebar></header-sidebar> o <header-back></header-back> non succede nulla.

Il mio html è valido e i miei modelli sono corretti. Ho provato a cambiare i nomi delle mie direttive e dei miei modelli, ma non ha funzionato.

Sto usando il Ionic sidebar layout e che io chiamo le mie direttive all'interno del mio ion-nav-view:

<body ng-app="starter"> 

    <ion-side-menus> 

     <ion-side-menu-content> 
     <ion-nav-view></ion-nav-view> 
     </ion-side-menu-content> 

     <sidebar></sidebar> 

    </ion-side-menus> 

    </body> 

Eventuali suggerimenti per come potrei risolvere questo o riorganizzare il mio codice per includere meglio le barre di intestazione?

+0

Sto solo ora incappando in questo stesso problema. Sembra che qualsiasi direttiva con un templateUrl non carichi il modello esternamente una volta che l'app è stata creata in iOS. Sei riuscito a capire questo problema? –

+0

Non l'ho ancora risolto. Ho rinunciato e ho copiato il markup ovunque. Ho il problema anche prima di essere costruito. – rasmussvanejensen

+4

Il mio problema si è rivelato un po 'diverso dal tuo, immagino. Dopo un'ulteriore ispezione mi sono reso conto che avevo un '/' prima di tutti i miei templateUrl che stava effettivamente causando il problema. –

risposta

9

Il mio problema si è rivelato un po 'diverso dal tuo, immagino. Dopo un'ulteriore ispezione mi sono reso conto che avevo un '/' prima di tutti i miei templateUrls che stava effettivamente causando il problema

+2

Avuto un problema simile, il problema era con l'url del modello avente ../ nella parte anteriore di esso –

+0

I percorsi relativi funzionano benissimo nel browser , ma non nell'app compilata. Grazie Will per avermi salvato su questo :) – FearMediocrity

0

Ho avuto il problema simile. Questo è dovuto al percorso relativo nell'URL. Funziona bene nei browser ma non nell'app. Ho rimosso ../ dal percorso dell'URL.