javascript - Angularjs オプションのナビゲーション

Question

私は11ページのAngularアプリを持っています。それらのいくつかは、このコードを使用しているナビゲーションを持っています:

<div class="well sidebar-nav" ng-app="navList">
    <ul class="nav nav-list" ng-controller="navCtrl">
        <li ng-class="navClass('home')"><a href='#/home'>Home</a></li>
        <li ng-class="navClass('about')"><a href='#/about'>About Us</a></li>
        <li ng-class="navClass('contact')"><a href='#/contact'>Contact Us</a></li>
    </ul>
</div>

var navList = angular.module('navList', []);

navList.controller('navCtrl', ['$scope', '$location', function ($scope, $location) {
    $scope.navClass = function (page) {
        var currentRoute = $location.path().substring(1) || 'home';
        return page === currentRoute ? 'active' : '';
    };        
}]);

このナビゲーションをすべてのページに表示したくありません。この状況を処理するための最善の解決策は何ですか? 非表示の DOM 要素を表示する必要がありますか、それとも不要な場合は削除する必要がありますか?