Rendu de la vue spécifique Angularjs sans en-tête et pied de page

Question

Donc toutes mes pages utilisent index.html pour rendre les pages et dans index.html, mon code est structuré de telle sorte que toutes les vues rendent dans la div avec la balise ng-view="" comme suit :

                    admin
                    products + services
                    about us`
                    testimonials
                    careers
                    news
                    blog
                    contact us
                    sign out 

Donc j'ai quelques pages que je veux rendre sans l'en-tête et le pied de page, mais en gardant quand même une partie du chemin d'accès.

Cette page "simple" a son propre contrôleur et tout, et mon routage pour cela dans mon app.js ressemble à ceci :

$routeProvider.when("/claimReceipt-plain", {
    controller: "claimReceiptController",
    templateUrl: "ppt/views/claims/claimReceipt-plain.html"
});

Comment puis-je faire cela dans cet index.html et ne pas rendre l'en-tête et le pied de page, mais que ce soit plus ou moins sa propre page ?

Answer 1

Définissez une variable booléenne au niveau de la portée sur le contrôleur de page où vous ne souhaitez pas l'en-tête et utilisez la directive ng-show pour appliquer une condition sur la balise div de l'en-tête.