如何编辑 AngularJS 主题中的导航菜单？

Question

所以，我从 envato market 买了一个模板。这是一个使用 bootstrap 和 AngularJS 创建的管理面板响应主题。我想编辑主题。我编辑了 nav.html 文件和 config.router.js 文件中的导航链接，它们被定义为 .state 块。但是他们仍然没有显示我希望他们显示的名字。还有其他地方可以声明所有这些名称吗？

此外，我还想在侧边栏上添加一些切换按钮。我已经添加了它们，但我不知道在哪里定义它们的模型和其他东西，比如 ID 和类.

文档未提供有关定义这些菜单的文件的任何信息。这是 link to the theme.

这是主导航中链接的 .state：

$stateProvider.state('app', {
        url: "/app",
        templateUrl: "assets/views/app.html",
        resolve: loadSequence('modernizr', 'moment', 'uiSwitch', 'perfect-scrollbar-plugin', 'perfect_scrollbar', 'toaster', 'ngAside', 'vAccordion', 'sweet-alert', 'chartjs', 'tc.chartjs', 'oitozero.ngSweetAlert'),
        abstract: true
    }).state('app.dashboard', {
        url: "/dashboard",
        templateUrl: "assets/views/dashboard.html",
        resolve: loadSequence('jquery-sparkline', 'sparkline', 'dashboardCtrl'),
        title: 'Dashboard',
        ncyBreadcrumb: {
            label: 'Dashboard'
        }
    }).state('app.prospects', {
        url: '/prospects',
        template: '<div ui-view class="fade-in-up"></div>',
        title: 'Prospects',
        ncyBreadcrumb: {
            label: 'Prospects'
        }
    })

这是 nav.html 文件中的相关锚标记：

<ul class="main-navigation-menu">
 <li ui-sref-active="active">
  <a ui-sref="app.dashboard">
   <div class="item-content">
    <div class="item-media">
     <i class="ti-home"></i>
    </div>
    <div class="item-inner">
     <span class="title" translate="sidebar.nav.dashboard.MAIN"> Dashboard </span>
    </div>
   </div>
  </a>
 </li>
    <div class="navbar-title">
        <span>PIPELINE</span>
    </div>
    <li ng-class="{'active open':$state.includes('app.prospects')}">
        <a href="javascript:void(0)">
            <div class="item-content">
                <div class="item-media">
                    <i class="ti-folder"></i>
                </div>
                <div class="item-inner">
                    <span class="title" translate="sidebar.nav.tables.MAIN"> Prospects </span><i class="icon-arrow"></i>
                </div>
            </div>
        </a>

Answer 1

侧面导航项正在由 angular-translate 翻译。如果您的 IDE 的 grep/search 没有接收到它们，可能是因为您没有将 .json 文件类型与程序相关联。

您的导航项的翻译将类似于：{layout}/{STANDARD}/assets/i18n/en。json

编辑此文件，您将看到导航项的适当更改。

如何编辑 AngularJS 主题中的导航菜单？

how do I edit the navigation menu in AngularJS theme?

javascript

angularjs

twitter-bootstrap

angular-ui-router

angular-ui