Angular Direktive, die nicht in Ionen-App

Rendern Ich verwende Ionic framework, um eine Anwendung zu erstellen.Angular Direktive, die nicht in Ionen-App

Ich muss in der Lage sein, meinen App-Header wiederzuverwenden und zu ändern, damit ich meine zwei verschiedenen Header als Direktiven mit meiner Arbeitsmarkierung deklariere.

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

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

Wenn ich versuche, die Richtlinien mit <header-sidebar></header-sidebar> oder <header-back></header-back> nichts passiert zu nennen.

Mein HTML ist gültig und meine Vorlage URLs sind korrekt. Ich habe versucht, die Namen meiner Anweisungen und meiner Vorlagen zu ändern, aber nichts hat funktioniert.

Ich bin mit dem Ionic sidebar layout und ich rufe meine Direktiven in meinem 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>

Irgendwelche Vorschläge, wie ich dieses Problem lösen könnte oder meinen Code neu zu organisieren, um besser die Kopfleisten enthalten?

Quelle

2014-11-20 rasmussvanejensen

Ich bin gerade jetzt in das gleiche Problem. Es scheint, dass jede Direktive mit einem TemplateUrl diese Vorlage nicht extern lädt, sobald die App in iOS erstellt wurde. Konnten Sie dieses Problem herausfinden? –

Ich habe es noch nicht gelöst. Ich gab auf und kopierte das Markup überall. Ich habe das Problem schon vorher gebaut. – rasmussvanejensen

Mein Problem endete ein bisschen anders als deins, denke ich. Bei weiterer Überprüfung wurde mir klar, dass ich vor allen meinen TemplateUrls ein '/' hatte, das das Problem tatsächlich verursachte. –

Mein Problem endete ein bisschen anders als deins, denke ich. Bei weiterer Überprüfung merkte ich, dass ich ein '/' hatte vor all meinen TemplateUrls, die tatsächlich das Problem verursacht

Quelle

2015-10-15 18:20:20

Hatte ein ähnliches Problem, das Problem war mit der Vorlagen-URL ../ an der Vorderseite –

Relative Pfade arbeiten gut im Browser , aber nicht in der kompilierten App. Danke Will, dass du mich gerettet hast :) – FearMediocrity

Ich hatte das ähnliche Problem. Dies liegt an dem relativen Pfad in URL. Dies funktioniert in den Browsern, aber nicht in der App. Ich habe ../ aus dem URL-Pfad entfernt.

Quelle

2016-12-15 18:35:56 amarmishra

Angular Direktive, die nicht in Ionen-App

Antwort

Verwandte Themen